layui中設(shè)置select項的方法
小編給大家分享一下layui中設(shè)置select項的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！
創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站設(shè)計、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的扶溝網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！
layui中設(shè)置select項的方法：首先創(chuàng)建一個HTML示例文件；然后通過ajax從后臺請求獲得select可供選擇的元素；最后通過點擊dl下某個確定的dd元素實現(xiàn)select的選擇事件即可。
1、 需求場景分析
用戶需要更改某一項活動的信息，活動信息中包含需要用下拉框選擇的字段A。在用戶點擊進(jìn)行修改彈出對話框的瞬間需要填補(bǔ)已有的活動信息，自動選擇字段A已經(jīng)存在的值。
2、 Layui的select下拉框是怎么實現(xiàn)的
為了獲得一個select標(biāo)配的下拉框，我們需要在html中填寫的內(nèi)容如下：
* 發(fā)送對象：
請選擇
華南理工大學(xué)大學(xué)城
華南理工大學(xué)五山校區(qū)
中山大學(xué)珠海校區(qū)
中山大學(xué)大學(xué)城校區(qū)
layui對以上html的渲染結(jié)果如何？
此處select可供選擇的元素是通過ajax從后臺請求獲得的，需要根據(jù)動態(tài)結(jié)果決定選擇哪一個。分析一下渲染結(jié)果的結(jié)構(gòu)，得到dom樹如下：
發(fā)現(xiàn)在layui-input-inline之下除了select之外又多了個layui-form-select的div。該div包含layui-select-title和dl兩個孩子元素，select的選擇事件可以通過點擊dl下某個確定的dd元素實現(xiàn)。
3、 如何實現(xiàn)自動選擇？
通過以上的分析結(jié)果可以得知，我們只要拿到自己想要選擇的內(nèi)容所在的dd元素并對它觸發(fā)點擊事件，即可實現(xiàn)select加載時自動選擇操作。
首先需要使用lay-value來確定需要設(shè)置哪個元素自動選擇
var select = 'dd[lay-value=' + data.schoolId + ']';
觸發(fā)點擊事件，實現(xiàn)自動選擇
$('#edit_exam_school').siblings("div.layui-form-select").find('dl').find(select).click();看完了這篇文章，相信你對layui中設(shè)置select項的方法有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！
網(wǎng)站標(biāo)題：layui中設(shè)置select項的方法
瀏覽路徑：
http://weahome.cn/article/ggphsc.html
重慶分公司
重慶分公司
