layui下拉框实现可输入、可选择

想要实现可输入，可选择，可以直接定义两个标签（input、select），对下拉框进行监听，将下拉框的值赋值给input
html代码

						机 构 名 称*
						

							
							
					        	
						
					

position:absolute 在这里是让input和select在同一位置。
z-index:2 是为了让input在select上面。
width:80% 是为了不盖住select后面的小三角符号，select还可以点击。
autocomplete=“off” 为了不自动填充input框，免得压盖select选项

定义下拉框下拉数据，对下拉框进行监听
js代码

后端代码

//机构下拉框/core/confidentialityagency/selectname
	@RequestMapping("/confidentialityagency/selectname")
	@ResponseBody
	public List getConfidentialityAgencyName() {
		return confidentialityAgencyService.getConfidentialityAgencyName();
	}
	
	//监听机构下拉框/core/confidentialityagency/getconfidentialityagency
	@GetMapping("/confidentialityagency/getconfidentialityagency")
	@ResponseBody
	public JsonResult getConfidentialityAgency(String data) {
		System.out.println("------------------"+data);
		return confidentialityAgencyService.getConfidentialityAgency(data);
	}

service层

@Override
	public List getConfidentialityAgencyName() {
		List list = confidentialityAgencyMapper.selectList(null);
		return list;
	}

	@Override
	public JsonResult getConfidentialityAgency(String data) {
		if (data == null || data.isEmpty())
			throw new IllegalArgumentException("数据不存在，请输入或者重新选择");
		ConfidentialityAgency cAgency = confidentialityAgencyMapper.selectById(data);
		return JsonResult.success("select ok", cAgency);
	}