Js operation instance that encapsulates the select tag of html

Copy codeThe Code is as follows:
Function BindSelect (id, dataList, fieldtext, fieldValue ){
// Bind a data source. fieldtext is the text field to be bound and fieldValue is the value field to be bound.
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) {// clear all options
Var select = $ ("#" + id) [0];
Select. options. length = 0;
}
Function AddOneItem (id, text, value) {// Add an option
Var select = $ ("#" + id) [0];
Select. options. add (new Option (text, value ));
}
Function selectOneOption (id, selectValue) {// select an option based on the Value
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) {// <SPAN style = "FONT-FAMILY: Arial, Helvetica, sans-serif"> // select an option based on the subscript </SPAN>

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