실시 간 검색 js 쓰기
<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);
}
이 코드 의 원본 코드 는 다른 사람 이 쓴 것 이다. 나 는 위 에서 이렇게 수정 해서 사용 할 수 있다.개인 적 으로 상당히 잘 썼 다 고 생각 합 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.