Jquery 动态添加option 并给option添加数据,并帮定事件
2017-04-03 13:19
260 查看
//添加下拉框 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动态删减行,新增行添加鼠标事件,子窗口与父窗口传值,自动计算金额,及输入值的验证,前台数据批量提交到后台action
- jquery append 动态添加的元素事件on 不起作用的解决方案
- jquery动态添加删除一行数据示例
- jQuery动态添加元素并绑定事件
- jQuery为动态生成的元素添加事件
- jquery为动态的节点添加事件
- jQuery动态添加的元素绑定事件处理函数代码
- jQuery 实时保存页面动态添加的数据的示例
- jquery创建的动态元素如何为元素添加相应事件
- [JS前端开发] js/jquery控制页面动态加载数据 滑动滚动条自动加载事件
- jquery动态添加数据,实现“推荐产品模块”功能
- jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
- Jquery 实现动态添加table tr 和删除tr 以及checkbox的全选 和 获取添加TR删除TR后的数据
- jQuery-为动态添加的元素绑定事件(以及不重复添加新的内容)
- JavaScript以及Jquery动态添加多选框值以及获取数据的学习记录
- JS & JQuery 动态添加 option
- jquery动态添加option示例
- jQuery给动态添加的元素绑定事件的方法