layui带搜索选择框删除输入框内容后不选择,不自动填充上次选择内容

296 阅读1分钟

问题描述:layui的带搜索选择框选择之后,删除输入框的内容,不选择其他项,点击页面其他地方,选择框的内容还是上次选择的,并没有删除成功

需实现:当输入框的值被删除为空时,不选择不会填充上次选择的内容

ps:总有些奇怪的需求和功能

<div class="layui-form-item" id='contsel'>
	<label class="layui-form-label">包含商品</label>
	<div class="layui-inline">
		<select name="contain" lay-filter="contain" id='contain' lay-search="">
			<option value="">全部</option>
		</select>
	</div>
</div>
        
$('#contsel').on('input',function(e){
      // console.log('1111',e.originalEvent.data,e)
      if(e.originalEvent.data==null || e.originalEvent.data==''){
        $('#contain').val('')
      }
    })

思路:监听选择框的输入框,为空为null时清空选择框的值