(jquery)select中的option有selected属性但是没有选中

(jquery)select中的option有selected属性但是没有选中,第1张

用来设置value为xx的项选中

通过点击事件给select设置不同的option选中状态,点击多次之后效果失效:

不使用:

$("#select").find("option").removeAttr("selected")

$("#fselect").find("option[value = ' ').attr("selected","selected")

使用:

$("#select").val(index) 来进行选中状态的控制。index为select中option的vaule值。

你好!!

//可以通过以下方式设置

 //通过返回dom对象,设置"选中索引"属性的方式

 $("#sel")[0].selectedIndex = 0

 

 //直接使用eq()定位option,通过prop()方式,设置选中状态

 $("#sel option").eq(2).prop("selected",true) function test(num){

        $("#sel")[0].selectedIndex = num

        

        $("#sel option").eq(num).prop("selected",true)

}

希望对你有帮助!!

对于 select 下 option 有 value 值的情况下,直接为 select 赋值即可,例如将下面第2项设为默认:

<select id="demo1">

<option value="1">第1项</option>

<option value="2">第2项</option>

<option value="3">第3项</option>

<option value="4">第4项</option>

</select> $('#demo1').val('2')

如 option 没有 value 值,则使用选择器为匹配的 option 加上 selected 属性,例如将下面第2项设为默认:

<select id="demo2">

<option>第1项</option>

<option>第2项</option>

<option>第3项</option>

<option>第4项</option>

</select> $('#demo2').find('option:eq(1)').attr('selected', true)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11509265.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存