Question

这是一个非常基本的问题，它让我烦恼，似乎没有任何效果。该页面包含2个表单（source-target），我想在blur事件上将一个输入（#query2）的值传递给另一个（#query）。

    $(document).ready(function() {
    $("#query2").blur(function(e){
        //test 1
        $('form[name=searchheadForm] #query').val($(this).val());
        //test 2
        $("form#search_head#query").val($(this).val());
    });
    });

有什么想法吗？ TIA。

Answer 1

试试这个例子：

<强> jquery的

  <script type="text/javascript">
     $(document).ready(function(){
        $('#query1').change(function(){
            var val = $('#query1').val();
            $('#query2').val(val);
        });
     });
</script>

<强> HTML

<input type="text" id="query1"/>
<input type="text" id="query2"/>

Answer 2

$(document).ready(function() {
   $("#query2").blur(function(){
       $('#query').val($(this).val());
   });
});

应该从＃query2获取值并将其放入模糊的#query中。您还可以使用按键实时完成。

Answer 3

你的两个选择器都错了，这是更好的解决方案：

// Your method 1, I've added quotes. Not 100% needed, but it's good practice
// Also, I've encountered cases where no quotes gave an error:
$('form[name="searchheadForm"] #query').val($(this).val());

// Your method 2 
$("form#search_head #query").val( $(this).val() ); // space for #query

// or the last one better (this method is the one I recommand, id is always faster)
$("#query").val( $(this).val() ); // There is always 1 ID, so a ID selector only needs 1 refference

如果您这样做，它将起作用：

http://jsfiddle.net/VbVdM/2/＆lt; - 工作示例

使用jQuery将输入文本值传递给另一个输入文本

3 个答案: