javascript - 传递多个字段并显示在文本字段上

Question

参考SOF 问题的答案，我想得到一个修复，以便在页面加载后（在用户的个人资料页面上）自动将选择的选项值传递给目标字段。

我也想知道在失去焦点之前触发文本字段上的更改方法。

jsFiddle 上的示例

$(function () {
    $("#options").change(function () {
        setTarget(); // Something has changed so lets rebuild the target
    });
    $("#options2").change(function () {
        setTarget(); // Something has changed so lets rebuild the target
    });
});

// Just get the values you want and update the target
function setTarget() {
    var tmp = $("#options").val();
    tmp += $("#options2").val();
    $('#targetTextField').val(tmp);
}

Answer 1

1. 要在页面加载时传递选定的选项值，请在您的$函数中添加此事件：

   $(function () {
       ...
   
       // Add it here
       setTarget();
   });
   

2. 对于传输到值的文本字段的更改，请使用keyupevent 而不是change：

   $(function () {
       ...
   
       $("#options3").keyup(function () {
           setTarget(); // Text has changed
       });
   
       ...
   });
   

看到这个小提琴：http: //jsfiddle.net/scaillerie/e2ScF/49/