layui select动态添加option的实例

layui select动态添加option的实例

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==nuhttp://ll||ivalue==''){

layer.msg("请输入产品类别")

}

else{

layer.msg("输入的产品类别是："+ivalue);

//为select添加option

$("#zcySelect").append(""+ivalue+"");

renderForm();//表单重新渲染，要不然添加完显示不出来新的option

layer.close(index);

}

$(layero).find("input").val('');

}

})

}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。