通用动态选择框问题

Question

这只是一个普遍的问题......我正在试图找出如何激发一个事件（调用一个函数）来填充一个选择（下拉）选项，一旦用户点击在上面。核心问题是： 只有在选择（或类似）被点击时，我怎么才能激发一个事件...而不是在改变时再次发起事件（在选择...时，当用户选择什么）？

Answer 1

• DEMO：http://so.devilmaycode.it/general-dynamic-selectbox-question

$(function() { 
    var options = ["the", "brown", "fox", "jump"]; 
    $('#create-select').click(function(e) { 
     e.preventDefault(); 
     var select = '<select id="select-create">\n'; 
     $.each(options,function(i, item) { 
      select += '<option ' + (i === 0 ? 'selected': '') + ' value="' + item + '">' + item + '</option>\n'; 
     }); 
     select += '</select>'; 
     $(this).fadeOut(200,function(){ 
     $(select).insertAfter(this);  
      $(this).remove();  
     }); 
    }); 
    $('#select-create').live('change',function() { 
     alert($(this).val()) 
    }); 
});