即时查询的js写法

最新推荐文章于 2022-08-07 11:50:16 发布

咖啡加冰糖

最新推荐文章于 2022-08-07 11:50:16 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/coffeesmile/article/details/23257251

版权

jsp 页面代码如下：

<div class="content">
				<table border="0" cellpadding="0" cellspacing="0">
					<tr>
						<th width="30%" valign="top">交接单编码：</th>
						<td>
							<input size="30" type="text" value="" id="spBatchNO" name="spBatchNO" /> <font color="red">*</font>
						</td>
					</tr>
					<tr>
						<th width="30%" valign="top">输入交接单编码模糊查询：</th>
						<td>
							<div>
							<input type="text" size="30" value="" id="inputString" οnkeyup="lookupQuery(this.value);" οnblur="fill();" />
							</div>
							<div class="suggestionsBox" id="suggestions" style="display: none;">
							<img src="${pageContext.request.contextPath}/background/nresources/default/images/upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" />
							<div class="suggestionList" id="autoSuggestionsList">
								 
							</div>
							</div>
						</td>
					</tr>
				</table>
			</div>

js方法如下：

//即时查询
function lookupQuery(inputString) {
	if(inputString.length == 0) {
		// Hide the suggestion box.
		$('#suggestions').hide();
	} else {
		$.post("../logisticsForm/selectLogisticsFromIds.action", {batchNO: ""+inputString+""}, function(data){
			var list = data.logisticsSPFormList;
			if(list!=null&&list.length>0){
				var str = '';
				for(var i=0; i<list.length; i++){
					var obj = list[i];
					//方法传值加saveBackId(\""+backId+"\")，    \"为了将传的值定型，勿删！！
					str+="<a style='cursor: hand;' href='javascript:void(0);' οnclick='setBatchNO(\""+obj.batchNO+"\")'>"+obj.batchNO+"   ";
					var des = obj.remark;
					if(des!=null&&des!=""){
						if(des.length<=30){
							str+=des;
						} else{
							str+=des.substring(28)+"...";
						}
					}
					str+="</a><br>";
				}
				$('#suggestions').show();
				$('#autoSuggestionsList').html(str);
			} else{
				$('#suggestions').hide();
			}
		});
	}
} 
// lookup
function fill(thisValue) {
	$('#inputString').val(thisValue);
	setTimeout("$('#suggestions').hide();", 200);
}
//查询结果存入表单
function setBatchNO(id){
	$("#spBatchNO").val(id);
}

这段代码的源码是别人写的，我修改变成上面这样，可用。个人觉得写的相当不错了，留下备用