您的位置:首页 > Web前端 > JQuery

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

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: