html

在新兴等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供网站设计、网站制作 网站设计制作按需定制,公司网站建设,企业网站建设,品牌网站设计,成都全网营销,外贸网站制作,新兴网站建设费用合理。
js
//重新渲染表单
function renderForm(){
layui.use('form', function(){
var form = layui.form();//高版本建议把括号去掉,有的低版本,需要加()
form.render();
});
}
//增加产品类别按钮点击事件
function addProductClassify(){
layer.open({
type:1,
btn:['确定','取消'],
content:$("#select_prod"),
area:['270px','160px'],
//当前层索引参数(index)、当前层的DOM对象(layero)
yes:function(index,layero){
//获取input输入的值
var ivalue=$(layero).find("input").val();
//获取要添加的option的索引
var sIndex=$("#zcySelect")[0].options.length-1;
if(ivalue==null||ivalue==''){
layer.msg("请输入产品类别")
}
else{
layer.msg("输入的产品类别是:"+ivalue);
//为select添加option
$("#zcySelect").append("");
renderForm();//表单重新渲染,要不然添加完显示不出来新的option
layer.close(index);
}
$(layero).find("input").val('');
}
})
}
以上这篇layui select动态添加option的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。