技術標籤：前端jshtml5javascript

如圖所示，需求為可選擇下拉框內容，若下拉框沒有要選擇的資訊，則輸入新的值。

<div class="layui-inline">
	<label class="layui-form-label">合同期限<b class="must">*</b></label>
	<div class="layui-input-block">
		<input type="text"
 
 name="contractTimeLimit" bi="合同期限" placeholder="請輸入" class="layui-input contractTimeLimit mustText" style="position:absolute;z-index:2;width:80%;" lay-verify="required" autocomplete="off">
		<select type="text" id=
 
"contractTimeLimit" lay-filter="contractTimeLimit" bi="合同期限" autocomplete="off" class="contractTimeLimit mustText" lay-search>
			<option value="1年">1年</option>
			<option value="2年">2年</option>
			<option
 
 value="3年">3年</option>
		</select>
	</div>
</div>

//合同期限
form.on('select(contractTimeLimit)', function(data) {
	if(data.value) {
		$('input[name=contractTimeLimit]').val(data.value)
	}
})