首页 > 代码库 > Jquery 动态添加option 并给option添加数据,并帮定事件

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

    }

 

Jquery 动态添加option 并给option添加数据,并帮定事件