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

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

WBOY
WBOY원래의
2016-05-16 18:29:22881검색

소개
콤보 기능을 구현하기 위한 최소 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 })
또는

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.