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

코드 복사 코드는 다음과 같습니다.

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
}
}