jQuery选中下拉框,jQuery如何选中select

Js代码 收藏代码

if(!jQuery("[name='houseType']").attr("checked")){  
      alert('请选择房源类型 ! ')  
      return  
}  

我们看演示:如有下列html
Html代码 收藏代码

<select  id="bag" >  
<option value="178">女式</option>  
<option value="177">男式</option>  
<option value="179">通用</option>  
</select>  

jQuery一般是通过val()方法来选中select

(“#select”).attr(‘value’,’2’);时firefox可以,但ie6不可以  
改用
(“#select”).val(‘2’),两者都可以了,而且更简洁

自己的理解:value不是select的正规属性,这个value存在于里,所以第一句在兼容上有点问题

如果字符串一定要加’ ’ 要么是” ”
Html代码 收藏代码

$("#bag").val("179")  

下拉框的option有两个有用的参数一个是text,一个是value.上面是通过value来选中下拉框的,我们可以通过文本值来选中select吗?
Html代码 收藏代码

$("#bag").val("通用")//没有效果  
//说明只能通过option的value值来选中下拉框  

看来我们只能曲线救国了,通过遍历下拉框的所有option然后判断option的文本值 是否相等来选中
Html代码 收藏代码

$("#bag option").each(function(){  
if($(this).text()=="通用"){  
$(this).attr("selected",true)  
//$(this).attr("selected","selected")两者都可以选中  
}  

这样也是可以的
Js代码 收藏代码

category_type =  parseInt(jQuery(this).val());// 类别的ID  
                           category_name =  jQuery(this);  
                           var index = jQuery(this)[0].selectedIndex; // 选中索引  
                           category_name = jQuery(this)[0].options[index].text;// 类别名称 (选中文本)  
                           //var value = jQuery(this)[0][index].value; // 选中值  

Js代码 收藏代码

function selectAll(obj){  
    jQuery("[name='city']").attr("checked",jQuery(obj).attr("checked"));//全选  
}  

Js代码 收藏代码

if(!jQuery("[name='houseType']").attr("checked")){  
   alert('请选择房源类型 ! ')  
   return  
}  

猜你喜欢

转载自blog.csdn.net/qq_16618179/article/details/54379542
今日推荐