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

Posted 01coding.com

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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添加数据,并帮定事件的主要内容,如果未能解决你的问题,请参考以下文章

怎么在动态添加select下拉框中 选择一个默认的option

jquery排序与动态添加option以及属性

jquery multiselect下拉列表复选框动态怎么动态添加option并赋值

jQuery的DOM操作小案例

jquery multiselect下拉列表复选框怎么动态添加option并赋值

jQuery动态创建的元素为啥不能绑定事件