天天看點

layer.open回顯資料select選擇預設值

1. 需求分析

layer.open回顯資料select選擇預設值

如圖所示,需要在使用者編輯的時候能夠回顯資料,并且使其能夠自動渲染下拉框。

<div class="layui-form-item">
        <label class="layui-form-label">使用者性别:</label>
        <div class="layui-input-block">
          <select name="gender" id="gender">
              <option value="" >請選擇性别</option>
            <option value="1">男</option>
            <option value="0">女</option>
          </select>
        </div>
      </div>      

2.layui的DOM渲染結構圖

layer.open回顯資料select選擇預設值

3.如何實作自動選擇?

var select = 'dd[lay-value=' + data.gender + ']';      
layero.find("iframe")[0].contentWindow.$('#gender')
.siblings("div.layui-form-select").find('dl').find(select).click();