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

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

 我们看演示:如有下列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存在于<option>里，所以第一句在兼容上有点问题

如果字符串一定要加' '       要么是" "

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

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

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

 

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

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

 这样也是可以的

 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; // 选中值

 

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

 

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

 

评论

1 楼 戎马一生 2014-09-29  

var bankCode=$("#bankCodeXinYong option:checked").val();
这样就可以判断选中的下拉框的值了