一：javascript原生方法
1：拿到select对象： var myselect=document.getElementById("test");
2：拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index
3：拿到选中项options的value： myselect.options[index].value;
4：拿到选中项options的text： myselect.options[index].text;
二：jquery方法
1：var options=$("#test option:selected"); //获取选中的项
2：alert(options.val()); //拿到选中项的值
3：alert(options.text()); //拿到选中项的文本
jQuery获取Select元素选择的Text和Value:
1. $("#select_id").change(function(){ //code...}); //为Select添加事件，当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text3. var checkValue=$("#select_id").val(); //获取Select选择的Value4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值 jQuery获取Select元素，并设置的 Text和Value: 1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中 2. $("#select_id ").val(4); // 设置Select的Value值为4的项选中
$("#ddlRegType ").attr("value","Normal“); $("#ddlRegType ").val("Normal"); $("#ddlRegType ").get(0).value = value; 3. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中，或：
var count=$("#ddlRegType option").length;for(var i=0;i jQuery添加/删除Select元素的Option项：
1. $("#select_id").append(""); //为Select追加一个Option(下拉项)2. $("#select_id").prepend(""); //为Select插入一个Option(第一个位置)3. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)4. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)5. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option6. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option 清空 Select：$("#ddlRegType ").empty();
三、常用的选择的操作：
$("document").ready(function(){ $("#btn1").click(function(){ $("[type='checkbox']").attr("checked",'true');//全选 }) $("#btn2").click(function(){ $("[type='checkbox']").removeAttr("checked");//取消全选 }) $("#btn3").click(function(){ $("[type='checkbox']:even").attr("checked",'true');//选中所有奇数 }) $("#btn4").click(function(){ $("[type='checkbox']").each(function(){ //反选 if($(this).attr("checked")){ $(this).removeAttr("checked"); }else{ $(this).attr("checked",'true'); } }) }) $("#btn5").click(function(){ //输出选中的值 var str=""; $("[type='checkbox'][checked]").each(function(){ str+=$(this).val()+"\r\n"; }) alert(str); }) })