傳遞多個字段並顯示在文本字段上

Question

參考SOF's Question的回答，我想要修復在頁面加載後（在用戶的配置文件頁面上）自動選擇選項值傳遞到目標字段的問題。

我也有興趣知道在文本字段上的更改方法被觸發之前，它失去了焦點。

Sample on 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. 有關這是文本框的變化傳輸到的值，請使用keyup事件代替change：

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

看到這個小提琴：http://jsfiddle.net/scaillerie/e2ScF/49/