html

產(chǎn)品類別

輕松融

容易融

快樂融

增加產(chǎn)品類別

js

//重新渲染表單

function renderForm(){

layui.use('form', function(){

var form = layui.form();//高版本建議把括號去掉，有的低版本，需要加()

form.render();

});

}

//增加產(chǎn)品類別按鈕點擊事件

function addProductClassify(){

layer.open({

type:1,

btn:['確定','取消'],

content:$("#select_prod"),

area:['270px','160px'],

//當(dāng)前層索引參數(shù)(index)、當(dāng)前層的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("請輸入產(chǎn)品類別")

}

else{

layer.msg("輸入的產(chǎn)品類別是："+ivalue);

//為select添加option

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

renderForm();//表單重新渲染，要不然添加完顯示不出來新的option

layer.close(index);

}

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

}

})

}

以上這篇layui select動態(tài)添加option的實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持我們。

本文標(biāo)題: layui select動態(tài)添加option的實例

本文地址: http://www.cppcns.com/ruanjian/java/222068.html

總結(jié)

以上是生活随笔為你收集整理的layui option 动态添加_layui select动态添加option的实例的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。