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

jQuery选中上拉框,jQuery怎么选中select

2012-11-10 
jQuery选中下拉框,jQuery如何选中selectif(!jQuery([namehouseType]).attr(checked)){alert(请选

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}

?

热点排行