layui select 聯動菜單帶初值

<div class="layui-form-item">
	<div class="layui-form-label red">所屬社區</div>
	<div class="layui-input-inline">
		<select
			lay-filter="shequ"
			id="shequ"
			lay-verify="required"
			lay-reqText="請選擇所屬社區"
		>
			<option>請選擇</option>
			<volist
				name="l_shequ"
				id="vo"
			>
				<option
					value="{$vo[shequ_id]}"
					{$vo[shequ_id]==$row[shequ_id]?'selected':''}
				>{$vo[shequ_name]}</option>
			</volist>
		</select>
	</div>
</div>

<div class="layui-form-item">
	<div class="layui-form-label red">所屬居委會</div>
	<div class="layui-input-inline">
		<select name="xiaoqu_juweihui_id">
			<option></option>
		</select>
	</div>
</div>
$(function () {
	setTimeout(function () {
		$('#shequ').next().find('.layui-this').click()
	}, 1000)
})

$juweihui = $('[name=xiaoqu_juweihui_id]')
form.on('select(shequ)', function (data) {
	$juweihui.empty()
	$juweihui.append(`<option value="0">居委會</option>`)
	if (data.value != 0) {
		$.getJSON('__MODULE__/Juweihui/ajax_rs', {
			shequ_id: data.value
		}, function (res) {
			var xiaoqu_juweihui_id = `{$row[xiaoqu_juweihui_id]}`
			res.forEach(row => {
				$juweihui.append(`<option value="${row.juweihui_id}" ${row.juweihui_id == xiaoqu_juweihui_id ? 'selected' : ''}>${row.juweihui_name}</option>`)
			})
			form.render('select')
		})
	}
	form.render('select')
})
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章