Blogger Information
Blog 28
fans 2
comment 0
visits 23204
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
jquery获得select option的值 和对select option的操作
背着吉他的女侠
Original
618 people have browsed it

获取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); 


Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post