<select>里动态添加option

因为是转载文章在此标明出处，以前有文章是转的没标明的请谅解，因为有些已经无法找到出处，或者与其它原因。

如有冒犯请联系本人，或删除，或标明出处。

因为好的文章，以前只想收藏，但连接有时候会失效，所以现在碰到好的直接转到自己这里。

原文出处http://www.51xuediannao.com/html+css/htmlcssjq/cssbuhuanhang.html

今天你问了我一个关于在<select>里动态添加option问题，一开始以为是JS那里动态添加，所以用了JS动态添加option的方法，但你那里是用jQuery的，所以才会一直出错，下面记下在JS和JQuery里添加option的区别。

JS：varselid=document.getElementById("sltid");

for(vari=0;i<10;i++){//循环添加多个值

sid.option[i]=newOption(i,i);

}

sid.options[sid.options.length]=newOption("1","2");//在最后一个值后面添加多一个

$("#sltid").val('val2');//定位

JQuery：

$("#selectId").append("<optionvalue='"+value+"'>"+text+"</option>");

当然除了这句，还有设置默认选择值、第一个的值、最后一个的值、第N个的值等等的，所以在网上搜了一上：

jQuery获取Select选择的Text和Value:

1.$("#select_id").change(function(){//code...});//为Select添加事件，当选择其中一项时触发

2.varcheckText=$("#select_id").find("option:selected").text();//获取Select选择的Text

3.varcheckValue=$("#select_id").val();//获取Select选择的Value

4.varcheckIndex=$("#select_id").get(0).selectedIndex;//获取Select选择的索引值

5.varmaxIndex=$("#select_idoption:last").attr("index");//获取Select最大的索引值

jQuery添加/删除Select的Option项：

1.$("#select_id").append("<optionvalue='Value'>Text</option>");//为Select追加一个Option(下拉项)

2.$("#select_id").prepend("<optionvalue='0'>请选择</option>");//为Select插入一个Option(第一个位置)

3.$("#select_idoption:last").remove();//删除Select中索引值最大Option(最后一个)

4.$("#select_idoption[index='0']").remove();//删除Select中索引值为0的Option(第一个)

5.$("#select_idoption[value='3']").remove();//删除Select中Value='3'的Option

5.$("#select_idoption[text='4']").remove();//删除Select中Text='4'的Option