콤보박스의 개선된 버전은 dojo의 페이지 프로토타입을 의미하며 Internet_javascript 기술에 있어서 jQuery 콤보박스보다 더 강력한 기능과 더 작은 코드를 가지고 있습니다.-JS 튜토리얼-php.cn

콤보박스의 개선된 버전은 dojo의 페이지 프로토타입을 의미하며 Internet_javascript 기술에 있어서 jQuery 콤보박스보다 더 강력한 기능과 더 작은 코드를 가지고 있습니다.

WBOY

풀어 주다： 2016-05-16 18:29:22

원래의

937명이 탐색했습니다.

소개
콤보 기능을 구현하기 위한 최소 js 코드의 경우 페이지 프로토타입은 도장의 콤보 상자 모양을 참조하며 키보드 동작, 자동 필터링, 강조 표시 등을 지원합니다.

API
초기화 method
코딩 방법
var c=new 콤보x(document.getElementById('a'));
또는
var c=new 콤보x(document.getElementById('a'),{ 디버그: true });
CSS 선언 방법

또는

구성 매개변수 설명
combox는 다음 구성 매개변수를 지원합니다.

디버그: true/false, 표시 여부 원본 선택 요소
searchMode: 0은 퍼지 대소문자 구분, 1은 접두사 검색 대소문자 구분 없음
remoteSourceUrl: 원격 데이터 소스 URL, 다음과 같이 json 형식을 지원함을 알 수 있습니다.
[
{"text":" a","value":"b"}, {"text":"a1","value":"b1"}
]
remoteFilterUrl: 필터링 중에 읽은 원격 URL , 매개변수는 xxxx? asdasd=~!value!~, ~!value!~는 트리거될 때 현재 입력 상자의 값으로 대체되는 매크로입니다.
allowAnyValue: 기본값은 false이고 콤보 상자는 옵션 이외의 데이터는 입력할 수 없습니다.
displayValue : 콤보박스의 표시값입니다. displayValue가 콤보박스의 옵션에서 해당 값을 찾으면 해당 옵션의 텍스트를 표시합니다. 🎜>pleaseSelect: 콤보 상자의 txtBox 값이 pleaseSelect 텍스트인 경우 드롭다운 모든 옵션 확장
mouseDblClick:0은 단일 클릭을 의미하고 1은 더블 클릭을 의미합니다
예:

var c=new 콤보x(document.getElementById('a'),{
allowAnyValue:true ,
pleasSelect:'선택하세요',
debug:true })
또는