另一個文本框中的一個文本框的值

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); 
    }); 

demo在這裏。

問題：當我更改文本框#one的值時，它不會更改#two的值。 在此先感謝。

Answer 1

試試這個

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) 

}) 

Fiddle

Answer 2

$(input).attr('value')得到值屬性，這是初始值，而不是當前值的值。

您之前已將它正確的兩行。使用val()。

Answer 3

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

只是試試這個，然後：

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

Answer 4

寫入文本區域進行檢查。 JSFIDDLE

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