Jquery 動態添加option 並給option添加數據,並幫定事件

  //添加下拉框
    function append_add(data) {
        $('#add').append(
            '<div class="form-group" id='+form_group_id+'>' +
            '<label for="shebeis">起始設備</label>' +
            '<select id=' + select_id + ' name="shebeis">' +
            '<option value ="">--請選擇--</option>' +
            '</select>' +
            '</div>'
        );
        //遍歷option
        $.each(data, function (i, item) {
            var o = new Option(item.name, item.id);
            $(o).html(item.name);
            $("#" + select_id).append(o);
            // $("#"+select_id).append($('<option>', {
            //     value: item.id,
            //     text : item.name
            // }));

        });
        //選擇事件
        $("#" + select_id).change(function(){
            alert($(this).children('option:selected').val());
            var id=$(this).children('option:selected').val();//這就是selected的值
            getshebeiPorts(form_group_id,id);
        })

    }