無法使用jquery選擇第一個動態生成的選擇項

Question

我在頁面上動態生成了一個jQuery選擇控件。生成的選擇在下面給出。

<select id="autoCompleteSelect" size="5" class="autoSelect"> 
    <option value="firstVal">firstVal</option> 
    <option value="secondVal">secondVal</option> 
</select> 

現在我想選擇我的文本框的keyup事件這個選擇控件的第一項。但我不能這樣做。鍵盤代碼是 -

 $('#searchInput').keyup(function (e) { 
      var a = $(".autoSelect").val(); 
      var myDDL = $('.autoSelect'); 
      myDDL[0].selectedIndex = 0; 
     }); 

但是，當我不生成動態選擇，只是從頭開始把它放在頁面上。一切正常。什麼可能是動態生成選擇的解決方案。

Answer 1

$("#autoCompleteSelect").val($("#autoCompleteSelect option:first").val());

http://jsfiddle.net/oob1ybxp/

Answer 2

保持代碼的形式類似於

$('someStaticSelector').on('keyup', 'DynamicAddedSelector', function (e) { 
      var a = $(".autoSelect").val(); 
      var myDDL = $('.autoSelect'); 
      myDDL[0].selectedIndex = 0; 
     }); 

Answer 3

如果用動態生成的內容的工作，最好是使用如下event delegation概念：

// document here can be replaced with closest parent which 
// created/ existed without dynamic load 
// provided context parameter to on function 
$(document).on('keyup','#searchInput', function (e) { 
    var a = $(".autoSelect").val(); 
    var myDDL = $('.autoSelect'); 
    myDDL[0].selectedIndex = 0; 
}); 

也請閱讀.on()。