>  기사  >  웹 프론트엔드  >  html_javascript 기술의 선택 태그를 캡슐화하는 js 작업의 예

html_javascript 기술의 선택 태그를 캡슐화하는 js 작업의 예

WBOY
WBOY원래의
2016-05-16 17:30:411175검색
코드 복사 코드는 다음과 같습니다.

function BindSelect(id,dataList,fieldtext,fieldValue) {
//특정 데이터 소스 바인딩, fieldtext는 바인딩해야 하는 텍스트 필드, fieldValue는 바인딩해야 하는 값 필드
var select = $("#" id)[0]; 🎜>for (var i = 0; i < dataList.length; i ) {
select.options.add(new Option(eval("dataList[" i "]." fieldtext), eval("dataList[ " i "]." fieldValue)));
}
}
function BindSelectOptions(id, OptionList) {
var select = $("#" id)[0];
for (var i = 0 ; i < OptionList.length; i ) {
select.options.add(new Option(OptionList[i].Text, OptionList[i].Value))
}
}
function ClearAllItems(id) {//모든 옵션 지우기
var select = $("#" id)[0]
select.options.length = 0; 🎜>function AddOneItem( id, text, value) {//옵션 추가
var select = $("#" id)[0]
select.options.add(new Option(text, value) );
}
function selectOneOption(id, selectValue) {//값에 따라 옵션 선택
var select = $("#" id)[0]
var len = select .options.length;
for (var i = 0; i < len; i ) {
if (select.options[i].value == selectValue) {
select.options[i] .selected = true;
break;
}
}
}
function selectOneOptionByIndex(id, index) {/// /아래 첨자에 따라 옵션을 선택하세요

var select = $("#" id)[0];
var len = select.options.length ;
if ( index >= 0 && index <= len) {
select.options[index].selected = true
}
}

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