* 發(fā)送對(duì)象：
 
  
   請(qǐng)選擇
   華南理工大學(xué)大學(xué)城
   華南理工大學(xué)五山校區(qū)
   中山大學(xué)珠海校區(qū)
   中山大學(xué)大學(xué)城校區(qū)
  
 

layui對(duì)以上html的渲染結(jié)果如何？

此處select可供選擇的元素是通過(guò)ajax從后臺(tái)請(qǐng)求獲得的，需要根據(jù)動(dòng)態(tài)結(jié)果決定選擇哪一個(gè)。分析一下渲染結(jié)果的結(jié)構(gòu)，得到dom樹如下：

發(fā)現(xiàn)在layui-input-inline之下除了select之外又多了個(gè)layui-form-select的div。該div包含layui-select-title和dl兩個(gè)孩子元素，select的選擇事件可以通過(guò)點(diǎn)擊dl下某個(gè)確定的dd元素實(shí)現(xiàn)。

3、 如何實(shí)現(xiàn)自動(dòng)選擇？

通過(guò)以上的分析結(jié)果可以得知，我們只要拿到自己想要選擇的內(nèi)容所在的dd元素并對(duì)它觸發(fā)點(diǎn)擊事件，即可實(shí)現(xiàn)select加載時(shí)自動(dòng)選擇操作。

首先需要使用lay-value來(lái)確定需要設(shè)置哪個(gè)元素自動(dòng)選擇

var select = 'dd[lay-value=' + data.schoolId + ']';

觸發(fā)點(diǎn)擊事件，實(shí)現(xiàn)自動(dòng)選擇

$('#edit_exam_school').siblings("div.layui-form-select").find('dl').find(select).click();

layui是什么

layui是一款采用自身模塊規(guī)范編寫的前端UI框架，它遵循原生HTML/CSS/JS的書寫與組織形式，門檻極低，適合新手，并且它還提供了豐富的內(nèi)置模塊，他們皆可通過(guò)模塊化的方式按需加載，從核心代碼到API的每一處細(xì)節(jié)都經(jīng)過(guò)精心雕琢，非常適合界面的快速開發(fā)，能夠作為PC網(wǎng)頁(yè)端后臺(tái)系統(tǒng)與前臺(tái)界面的速成開發(fā)方案。

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對(duì)創(chuàng)新互聯(lián)的支持。