jQuery获取基于标签的输入字段值

Question

我需要将第一个输入框的值复制到第二个输入框。 这些输入框的ID和名称来自表。 解决的是诸如“代码”和“复制代码”之类的标签

<label>Code</label>
<input type="text" value="1234"  id="custcode_1" />

<label>Copy Code</label>
<input type="text" value=""  id="custcode_2" />

对于正常情况，这只是

$('#custcode_2').val($('#custcode_1').val());

但是ID或名称是即时生成的，因此这是不可能的。 如何使用输入框的标签实现此目的。
谢谢您的帮助。

Answer 1

我认为您可以将数据值存储在data-属性中：

<label id="code" data-value="1234">
<label id="copy_code" data-value="">

然后使用以下命令将代码的值复制到copy_code

$('#copy_code').data('value', $('#code').data('value'))

Answer 2

您可以循环输入，并在此循环中获取当前输入的先前输入。 从那里开始，您就可以拥有价值。

 $('input').each(function(i, e) { var previousSibling = $(this).prevAll('input').first(); if (previousSibling.length) { $(this).val(previousSibling.val()); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <label>Code</label> <input type="text" value="1234" id="custcode_1" /> <label>Copy Code</label> <input type="text" value="" id="custcode_2" /> 

Answer 3

您可以使用一个类将元素包装在span或div中，然后将其用作范围。

<span class="custWrapper">
<label>Code</label>
<input type="text" value="1234"  id="custcode_1" />

<label>Copy Code</label>
<input type="text" value=""  id="custcode_2" />
</span>

$('.custWrapper').on('load', function(){
    var inpts = $(this).find('input');

    $(inpts[1]).val($(inpts[0]).val());
});

Answer 4

给两个标签都提供id后，您可以尝试这样的操作。

HTML：

<label id='Code'>Code</label>
<input type="text" value="1234"  id="custcode_1" />

<label id='CopyCode'>Copy Code</label>
<input type="text" value=""  id="custcode_2" />

jQuery的：

$(function(){

$('label').text('Copy Code').next('input[type=text]').val($('label').text('Code').next('input[type=text]').val());

});

Answer 5

您可以使用此代码，

//Find the input textbox with label Code
var $copy = $('label').filter(function () {
    return this.firstChild.nodeValue.trim() === 'Code';
}).next('input');

//Find the input textbox with label Copy Code
var $copycode = $('label').filter(function () {
    return this.firstChild.nodeValue.trim() === 'Copy Code';
}).next('input');

//Copy the value
$copycode.val($copy.val());

//Copy the value as character typed into the textbox
$('input').on('keyup',function(){
$copycode.val($copy.val());
});