首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

[转]jquery取得select option的值 和对select option的操作

2012-10-27 
[转]jquery获得select option的值 和对select option的操作转自:http://huiyi.yangteng.blog.163.com/blog

[转]jquery获得select option的值 和对select option的操作
转自:http://huiyi.yangteng.blog.163.com/blog/static/111209721201122160412/
获取Select :

//获取select 选中的 text :   $("#ddlRegType").find("option:selected").text();//获取select选中的 value:   $("#ddlRegType ").val();//获取select选中的索引:     $("#ddlRegType ").get(0).selectedIndex;



设置select:
设置select 选中的索引:

   
 $("#ddlRegType ").get(0).selectedIndex=index;//index为索引值


设置select 选中的value:

    $("#ddlRegType ").attr("value","Normal“);    $("#ddlRegType ").val("Normal");    $("#ddlRegType ").get(0).value = value;


设置select 选中的text:

var count=$("#ddlRegType option").length;  for(var i=0;i<count;i++)       {           if($("#ddlRegType ").get(0).options[i].text == text)          {              $("#ddlRegType ").get(0).options[i].selected = true;                        break;          }      }$("#select_id option[text='jQuery']").attr("selected", true);



设置select option项:

 $("#select_id").append("<option value='Value'>Text</option>");  //添加一项option $("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option $("#select_id option:last").remove(); //删除索引值最大的Option $("#select_id option[index='0']").remove();//删除索引值为0的Option $("#select_id option[value='3']").remove(); //删除值为3的Option $("#select_id option[text='4']").remove(); //删除TEXT值为4的Option



清空 Select:
$("#ddlRegType ").empty();


jquery获得值:
.val()
.text()

设置值
.val('在这里设置值')


$("document").ready(function(){   $("#btn1").click(function(){   $("[name='checkbox']").attr("checked",'true');//全选   })   $("#btn2").click(function(){   $("[name='checkbox']").removeAttr("checked");//取消全选   })   $("#btn3").click(function(){   $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数   })   $("#btn4").click(function(){   $("[name='checkbox']").each(function(){//反选   if($(this).attr("checked")){   $(this).removeAttr("checked");   }   else{   $(this).attr("checked",'true');   }   })   })   $("#btn5").click(function(){//输出选中的值   var str="";   $("[name='checkbox'][checked]").each(function(){   str+=$(this).val()+"\r\n";   //alert($(this).val());   })   alert(str);   })   }) 

热点排行