js代码:
function addselect() {
connect("gClass", "all", null, function (res) { //这里gClass,all分别为后台的类、方法
for (var i of res) {
addNew('.add_select_cname', i)
}
//console.log(res)
})
}
function addNew(name, message) {
var body = $(name)
var temp = addOne(name, message)
body.append(temp)
}
function addOne(name, message) {
// var tr = $("<select id='editm_cname' class='form-control m_cname'>")
// var id = $("<option class='m_id' class='editm_cname'>")
//$("#sel_m_cname").html("<option>请选择商品的类型</option>")
// var product = $("<option>请选择商品的类型</option>")
var editm_cname = $("<option class='editm_cname'>")
if (message) {
// id.html(message.m_id)
editm_cname.html(message.m_cname)
nowid.push(message.m_id)
}
// else {
// console.log(name)
// var lastid = $(name + " .id")[$(name + " .id").length - 1]
// console.log()
// if (lastid) {
// idNum = parseInt($(lastid).html()) + 1
// } else {
// idNum = 1
// }
// id.html(idNum)
// }
// var tr = $("#sel_m_cname") 这两行这么写也可以
// tr.append(editm_cname)
var tr = $("#add_sel_m_cname").append(editm_cname)
return tr
}
html代码:
<div class="modal-footer">
<button type="button" class="btn btn-primary addgoods" data-toggle="modal" data-target="#addgoods" οnclick="addselect()">添加新商品</button>
</div> //这里的onclick调用js的addselect函数
---------------------------------
<div class="form-group ">
<label for="m_cname " class="col-sm-2 control-label ">商品类型 </label><div class="col-sm-10 add_select_cname">
<select id="add_sel_m_cname" class="form-control m_cname">
<option>---请选择商品类型---</option>
</select>
</div>
</div>
这里的是select的html代码