자바 스크립트 자동 완성

날짜와 설명이 있습니다. 날짜를 입력하면 설명이 자동 완성됩니다. 12/25/yyyy가 선택되면 크리스마스가 자동으로 표시됩니다.자바 스크립트 자동 완성

나는 이것을 시도했지만 작동하지 않았다. 어떤 도움이 필요합니까?

<html> 
<head> 
<script type="text/javascript"> 
$(function() { 
$('#date').datepicker(); 
}); 
$(function() { 
var availableTags = ["Christmas Day","etc"]; 
$("#tags").autocomplete({ 
source: availableTags 
}); 
}); 

$('#date').change(function() { 
if ($(this).val().substring(0, 5) === '12/25') { 
$('#tags).val('Christmas'); 
} else { 
$('#tags').val(''); 
} 
}); 
</script> 
<body> 
<DIV class="ui-widget">Date: <INPUT TYPE="TEXT" name="xx" 
property="xx" id="date" /> 
</P> 
<input type="text" id="tags'" name="tags'" /> 
</DIV> 
</body> 
</html>

출처

2010-07-12 Some Java Guy

더 긴 코드 블록을 사용하려면 모든 코드를 선택하고 "101010"이 표시된 도구 모음 버튼을 클릭하십시오. 역 따옴표는'var x = y;'와 같은 짧은 스 니펫을위한 것입니다. – jasongetsdown

onchange 이벤트를 사용하십시오. jQuery 사용 ...

$('#dateInputId').change(function() { 
    if ($(this).val().substring(0, 5) === '12/25') { 
     $('#secondInputId').val('Christmas'); 
    } else { 
     $('#secondInputId').val(''); 
    } 
});

출처

2010-07-12 15:42:27 jasongetsdown

처음 게시물을 편집하고 거기에 코드를 추가하십시오. 참고로 주석에 코드를 입력하는 경우 [code] [/ code] 대신 코드 조각 앞뒤에 backquote (1 키 왼쪽)를 사용하십시오. 대답에 대한 질문에서 더 긴 코드 조각 (주석에서 작동하지 않음)을 보려면 코드를 강조 표시하고 1010101이라는 도구 모음 단추를 클릭하십시오. 위의 코드처럼 들여 쓰기가 유지됩니다. – jasongetsdown

코드 스 니펫을 표시하기 위해 역 인용 부호 (')를 사용했습니다. 보여? –

약간의 조정으로 http://jsbin.com/usovi3/edit가 작동합니다. 오타 또는 두 개의 오타가 있는데 왜 $ (function() {...})을하는지 확신 할 수 없습니다. 그것은 jQuery에 함수를 전달하는데, 작동하지 않습니다. 당신이하고자하는 일은 익명의 함수 블록을 사용하여'(function() {...})();'과 같은 private 범위를 만들거나 DOM이'$ (document) .ready (function() {...});'. – jasongetsdown

매일 특별한 날마다 매일 백엔드에서 거대한 데이터베이스가 필요합니다. 하지만 하루에 많은 특별한 날이 있거나 심지어 2 일 동안 특별한 날이있을 수도 있기 때문에 효과가 없을 수도 있습니다.

날짜 당 하루 밖에 없다면 날짜 (또는 오늘의 설명)를 백엔드로 보낸 다음 제안 사항을 반환 할 것입니다. 날짜가 설정되어 있지 않으면 설명에 자동 완성 기능을 사용할 수도 있습니다.

설명에 대한 응답에서 사용자가 옵션을 선택하자 마자 텍스트와 날짜를 모두 표시 한 다음 첫 번째 입력에 날짜를 추가합니다.

출처

2010-07-12 15:41:51 2ndkauboy

자바 스크립트 자동 완성

답변

관련 문제