Question

jquery怎么根据一个值来选中select下的option

我的js
alert(habBefore) ;能得出正确值 0或1、2、3
$(this).children("option[value='"+habBefore+"']").attr("selected",true) ;火狐不报错但没什么反应
alert($(this).children("option[value='"+habBefore+"']").val()) ;出现undefined
this是代表着select，option的个数不一定 3或4个。
所以想问下怎么弄
没有id 也没有name 也就是说select只有一个onchange事件 ， option只有value

jsp代码：
<select onchange="updateContractHAB(this.value,${item.CONTRACT_HAB == null ? 0 : item.CONTRACT_HAB},${item.CREDIT_ID}) ;"><c:if test="${item.CONTRACT_HAB == null}"><option value="0">未分级</option></c:if>
<option value="1" <c:if test="${item.CONTRACT_HAB eq 1}">selected="selected"</c:if>>H</option>
<option value="2" <c:if test="${item.CONTRACT_HAB eq 2}">selected="selected"</c:if>>A</option>
<option value="3" <c:if test="${item.CONTRACT_HAB eq 3}">selected="selected"</c:if>>B</option></select>

Answer 1

1. 通过索引设置

   $(select).get(0).selectedIndex=index;//index为索引值
   

2. 通过value值设置

   var value="你要设置的值";

   $(select).attr("value",value);

   $(select).val(value);

   $(select).get(0).value = value;

3. 通过text值设置

   var text="要选中的text";

   $("#select的ID option[text=text).attr("selected", true);
   

Answer 2

attr("selected",true) 改为attr("selected","selected")
alert($(this).children("option[value='"+habBefore+"']").val()) ; 这句是没有任何语法错误的,所以只可能你的option中没有 value 等于 habBefore 的项

Answer 3

$("#id option[value='1']").removeAttr("selected");
$("#id option[value='1']").attr("selected","selected");
照着我的方法改一下！不行给我发及时消息！

追问

要是有id就没问题
可是没有怎么弄呢？

追答

select是唯一的吗，或者name是唯一的吗

追问

循环的 name和id 应该都没有的

Answer 4

$("#selectid").val(habBefore); 这样就行了

Answer 5

根据指定的文本来选中select下拉框指定的optilon选项：

<script language="javascript">
var VZhi=$("#TZhi").val();
$("#S1 option").each(function(i,n){
if($(n).text()==VZhi){
    $(n).attr("selected",true);
}  
});
</script>

根据指定的值来选中select下拉框中指定的option选项：

<script language="javascript">
var VZhi=$("#VZhi").val();
$("#S1 option[value='"+VZhi+"']").attr("selected","selected");
</script>

可以看下面这篇文章，里面总结了jquery对下拉框的各种操作，还有在线演示：

jquery操作select下拉框的各种方法