자바 스크립트의 데이터 목록에서 선택한 항목의 값을 얻고 싶습니다. 유성 작업을 할 때 선택한 데이터의 값을 datalist.
내 코드는 다음과 같습니다.
<input type="text" list="d1" id="search" name="browser" placeholder="Search By">
<datalist id="d1">
{{#each searched_item}}
<option value={{this}}>{{this}}\</option>
{{/each}}
</datalist>
이것은 내 템플릿의 코드이며 유성에서 내 양식에 사용했습니다. 여기 searched_item은 meteor의 js 파일 내부에서 도우미에서 호출 한 함수입니다. 이제 datalist자바 스크립트 에서 선택한 항목의 값을 가져와야합니다.
미리 감사드립니다 ..
양식 제출을 처리하려면 템플릿에 이벤트 핸들러를 만들어야합니다. 그런 다음 이벤트 개체를 사용하여 데이터 목록에서 값을 가져옵니다.
데이터 목록 은 텍스트 입력에 대한 자동 완성 기능 만 제공 한다는 점을 기억하십시오 . 따라서 양식에 입력 한 텍스트의 값을 가져 오면됩니다. 데이터 목록을 선택하자마자 값을 원하기 때문에 input이벤트를 사용할 수 있습니다 .
여기에 예가 있습니다. myTemplate템플릿 이름 만 변경 하면됩니다.
Template.myTemplate.events({
'input #search'(event) {
// get value for text input
const value = event.currentTarget.value;
// do something with value
},
});
양식 처리에 대해 자세히 알아 보려면 이 meteor 튜토리얼 을 확인하십시오 .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다