一般动态选择框问题

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())
    });
});