layer.open回顯數據select選擇默認值

1. 需求分析

如圖所示，需要在用戶編輯的時候能夠回顯數據，並且使其能夠自動渲染下拉框。

		<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渲染結構圖

 

3.如何實現自動選擇？

通過以上的分析結果可以得知，我們只要拿到自己想要選擇的內容所在的dd元素並對它觸發點擊事件，即可實現select加載時自動選擇操作。

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

觸發點擊事件，實現自動選擇,由於我使用的layer.open，需要從子頁面中去獲取值，所以需要在前面加上layero.find("iframe")[0].contentWindow，layui具體詳情使用方法，請參考layui.com官網教程進行學習。

layero.find("iframe")[0].contentWindow.$('#gender')
.siblings("div.layui-form-select").find('dl').find(select).click();

以上能夠解決layui回顯數據不能夠自動選中的問題。