项目场景:

layui的下拉框只能模糊查询出已经加载的数据,当然用ajax 请求也能查询到,但是数据多了加载会很慢,而且layui的框放在android调试器上每个机型都不能保证完全适配

问题描述:

自己拼接了个下拉框,并且实时获取输入框的值,确定了再将div中值清空

		$("#input_div").on('click', 'p', function(event) {
		              //  var txt = "这是第"+($(this).index()+1)+"个li标签";
		                //alert($(this).text());
		//这样赋值便于取值(否则该字段为空)
		//document.getElementById("qymc").value= row.paramName;
		//$("#gmfmc").textbox("setValue",$(this).text());
		$("#gmfmc").attr("value",$(this).text());
		$("#gmfmc").val($(this).text());
		var gmfmc = $(this).text();
		/* $.ajax({
		    type : "POST",
		    url : "/form/jsp/getBuyerInfoByName",
		    data : {
		        gmfmc : gmfmc
		    },
		    success : function(MapString) {
		        console.log(MapString);
		        $("#gmfnsrsbh").attr('value',MapString.gmfnsrsbh);
		        $("#gfdz").attr('value',MapString.gmfdz);
		        $("#gfdh").attr('value',MapString.gmfgddh);
		        $("#gmfyhzh").attr('value',MapString.gmfyhzh);
		    }
		}); */
		$('#input_div').hide();
		            });
 $("input:text").bind("input propertychange",function(){
	
				 $('#input_div').show();
				 $('#input_div').html('');
				   layer.msg($(this).val());//打印输入框字符长度
				 
					$.getJSON("xiala.json", "$(this).val()", function(data) {
				   	 //$('#input_div').append("<p style='width: 100%;' > " +JSON.stringify(data)+ "</p>");
					       //each循环 使用$.each方法遍历返回的数据date
						//layer.alert(JSON.stringify(data.length))
					       /* $.each(data.first, function(i, item) {
					            var str = '<div>姓名:' + item.name + '性别:' + item.sex + '</div>';+
					            document.write(str);
					       }) */
						   
						 //   var guideType = $("#hidGuideType").val().split(',');
						      for (var i = 0; i < data.length; i++){
						           $('#input_div').append("<p >" +JSON.stringify(data[i].nsrmc)+ "</p>");
						       }  
						          // layui.form.render('select');   
								  // $('#input_div').CSS("clientHeight","this.clientHeight");
					});
				  	
				  
				 });

html:

	<div class="layui-form-item">
				<label class="layui-form-label"><i style="color: red;margin-right: 3px">*</i>购方名称</label>
				<div class="layui-input-block" >
					<!-- <input class="layui-input" style="width: 100%;height: 46px;" type="text" id="gmfmc" name="gmfmc" data-options="prompt:'请输入购方名称'" autocomplete="off"> -->
				<input type="text" class="layui-input" placeholder="请输入单位名称"
				                       name="gmfmc" id="gmfmc" onpropertychange="onPropertyChange(event)">
					<div class="input_div" id="input_div" style="display: none;">
					</div>
				</div>
			</div>

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐