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 multiselect下拉列表复选框动态怎么动态添加option并赋值