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

时间:2013-11-01 07:16:57

标签: javascript jquery

我希望获得一个文本框的值,并将其放在另一个文本框中。 我的代码是:

<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的值。 提前谢谢。

4 个答案:

答案 0 :(得分:2)

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

你之前有两行。使用val()

答案 1 :(得分: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

答案 2 :(得分:1)

写textarea并检查它。 JSFIDDLE

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

答案 3 :(得分:0)

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

然后试试这个:

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