Question

我已经创建了一个输入框，我已将此输入框克隆到div，让他们将它们命名为ipbox1和ipbox2，ipbox2是ipbox1的副本，现在我要做的就是当我输入/更改其中任何一个的值，dom.value或$（＆＃34;＃id＆＃34;）。val（）应返回更新的值。但现在它只能用于ipbox2。我该怎么办？

fiddle

＆＃13;

$("#ghj").click(function(){
	$("#abc").val("Some text");
	$("#abc").clone(true).appendTo("#pastehere");
})
$("#abc").on('change',function(){
	alert();
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type = "text" id = "abc">This is the first box
<div id = "pastehere">

</div>This is the cloned box
<br><button type = "button" id = "ghj">
Clone
</button>

＆＃13;

Answer 1

我更新了你的小提琴：https://jsfiddle.net/gschambial/s6td1bof/7/

var initVal = $('#abc').val();

$("#ghj").click(function(){
    $("#abc").val("Some text");
    $("#abc").clone(true).appendTo("#pastehere");
})
$("#abc").on('change',function(){
    alert();
  initVal = $(this).val();
})

$("#get").click(function(){
    alert(initVal);
})

Answer 2

你不应该附加一个带有id的克隆元素，因为这会创建无效的标记（两个具有相同id的html元素）。

Answer 3

如果您希望能够独立阅读其中任何一个的值，请查看此fiddle

如果没有，那么我必须离开。请添加有关您需要实现的更多详细信息：）

HTML

<input type = "text" class = "abc">This is the first box
<div id = "pastehere">

</div>This is the cloned box
<br><button type = "button" id = "ghj">
Clone
</button>

JS

var initialInput = $(".abc");
$("#ghj").click(function(){
    initialInput.val("Some text");
    initialInput.clone(true).appendTo("#pastehere");
})
$(".abc").on('change',function(ev){
    var targetInput = $(ev.target);
    alert('myValueIs:' + targetInput.val())
});

如何影响原始输入框的变化？

3 个答案: