可下拉可输入的输入框实现方法

如图所示，需求为可选择下拉框内容，若下拉框没有要选择的信息，则输入新的值。

<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)
	}
})