Question

我想在多个输入框上传递相同的值。目前，下面的脚本只显示在一个框中，但希望在所有多个输入框中显示主框结果

<script type='text/javascript' src='http://code.jquery.com/jquery-1.5.2.js'></script>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$('#main').change(function() {
    $('#catt1').val($(this).val());
});
});//]]>

主输入框

<input type="text" name="name" id="main" />

多个输入

<input type="text" name="name" id="catt1" />
<input type="text" name="name" id="catt1" />
<input type="text" name="name" id="catt1" />
<input type="text" name="name" id="catt1" />
<input type="text" name="name" id="catt1" />

例如，一个 - http://jsfiddle.net/SDHNY/

Answer 1

http://jsfiddle.net/SDHNY/319/

$('#name').change(function() {
$('input').val($(this).val());
});

id每页只能使用一次。

如果要为多个项目提供标识符，请使用类

class="catt1"

然后您的代码将更改为

$('#name').change(function() {
$('.catt1').val($(this).val());
});

其中'。'在catt1表示你正在寻找你不是id的

的课程之前

Answer 2

DEMO：http://jsfiddle.net/SDHNY/321/
您不应该为多个输入使用相同的ID。将类用于此类目的。如果您没有通过其id获取jquery中的值并提交它，则每个输入字段应该有不同的名称。

尝试：

Main: <input type="text" name="name_main" id="main" />

<input type="text" name="name" class="catt1" />
<input type="text" name="name1" class="catt1" />
<input type="text" name="name2" class="catt1" />
<input type="text" name="name3" class="catt1" />
<input type="text" name="name4" class="catt1" />

<强> JQUERY：

$('#main').change(function() {
    $('.catt1').val($(this).val());
});

我想在多个输入框上传递相同的值

2 个答案: