실시 간 검색 js 쓰기

3147 단어
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" onkeyup="lookupQuery(this.value);" onblur="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);' onclick='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);
}

이 코드 의 원본 코드 는 다른 사람 이 쓴 것 이다. 나 는 위 에서 이렇게 수정 해서 사용 할 수 있다.개인 적 으로 상당히 잘 썼 다 고 생각 합 니 다.

좋은 웹페이지 즐겨찾기