jQuery:将所有输入(选择、单选按钮、复选框等)的值从页面的一个部分复制到另一个部分
jQuery:将所有输入(选择、单选按钮、复选框等)的值从页面的一个部分复制到另一个部分
提问于 2013-01-27 00:07:33
有两个具有不同ids的div，但它们的结构完全相同。
<div id="block1">
<input type="text" class="class1" value="a">
<input type="text" class="class2" value="b">
<input type="checkbox" class="class3"> checkbox
<select class="class4">
<option value="0">White</option>
<option value="1">Brown</option>
<option value="2">Gray</option>
</select>
</div> 和
<div id="block2">
<input type="text" class="class1" value="a">
<input type="text" class="class2" value="b">
<input type="checkbox" class="class3"> checkbox
<select class="class4">
<option value="0">White</option>
<option value="1">Brown</option>
<option value="2">Gray</option>
</select>
</div> 在一页上。
我希望这两个块看起来完全一样。所以，如果你在block1中改变了一些东西，同样的事情也会发生在block2中，同样的改变也会发生在block1中，如果block2分别改变的话。
所以，我想
$("#block1").change(function () {
//apply ALL values from block1 to block2
});
$("#block2").change(function () {
//apply ALL values from block2 to block1
});这包括来自输入文本、输入复选框的值，甚至包括所选选项的选定值。所有输入的类别和类型分别是绝对相同的，选择框中的选项数量和值也是相同的。
使用jQuery做这件事的最短方法是什么？可以用一个jQuery字符串“复制”这些值吗？
Stack Overflow用户
发布于 2013-01-27 00:51:05
文本框值可以使用如下所示进行泛化：
$(function() {
$(".class1").live('keypress', function() {
$(".class3").val($(this).val());
});
$(".class2").live('keypress', function() {
$(".class4").val($(this).val());
});
});用于从第一个和第二个复制值的
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14538739
复制相关文章
相似问题
腾讯云开发者
