javascript - 另一个文本框中的一个文本框值

Question

我想获取一个文本框的值并将其放在另一个文本框中。我的代码是：

<input type="text" value="Keyword" id="one" />
<input type="text" value="Search" id="two" />

<a href="#" id="btn">button</a>

jQuery：

var input = $("#one");

    $('#btn').click(function(){
        alert('dgdhjdgj');
        var oneValue = $('#one').val();
        alert("one value "+ oneValue);
        var twoVal =  $('#two').val($(input).attr('value'));
         alert('two Val' + twoVal);
     });

演示在这里。

问题：当我更改文本框#one 的值时，它不会更改#two 的值。提前致谢。

Answer 1

$(input).attr('value')获取value 属性的值，它是初始值，而不是当前值。

前面两行你说对了。使用val().

Answer 2

尝试这个

HTML

<input type="text" placeholder="Keyword" id="one" />
<input type="text" placeholder="Search" id="two" />

<a href="#" id="btn">button</a>

脚本

$('#btn').click(function() {
   var oneValue = $('#one').val();
   $('#two').val(oneValue)

})

小提琴

Answer 3

写 textarea 并检查它。JSFIDDLE

$("#add").click(function(){
 var thenVal = $("#textarea_first").val();
 $("#textarea_second").val(thenVal);
});

Answer 4

如果您想更改第二个文本框的文本，只要更改第一个文本框的文本，只需使用 jQuery 的change事件。

那么试试这个：

$('#one').on("change",function(){
   $('#two').val($(this).val());
});