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

Question

这是一个非常基本的问题，困扰着我，似乎没有任何效果。该页面包含 2 个表单（源-目标），我想在模糊事件中将一个输入（ #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 on blur。您还可以使用按键来实时执行此操作。

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/ <- 工作示例