首頁  >  文章  >  web前端  >  jquery如何判斷option是否選中

jquery如何判斷option是否選中

coldplay.xixi
coldplay.xixi原創
2020-12-07 17:01:135996瀏覽

jquery判斷option是否選取的方法:首先option屬於select ,可以透過jquery得到select的值;然後比對select下的每個option ,就能確定是否選取。

jquery如何判斷option是否選中

本教學操作環境:windows7系統、jquery3.2.1版本,Dell G3電腦,此方法適用於所有品牌電腦。

推薦:jquery影片教學

jquery判斷option是否選取的方法:

option屬於select ,可以透過jquery得到select的值;然後比對select下的每個option ,就能確定是不是選取了。

var selectValue = $('select').val();
$('select option').each(function(ele,index){
    if($(ele).attr('value') == selectValue){
        alert('被选中');
    }
});

說明:

1、val() 方法

val() 方法可以傳回被選元素的value屬性;會傳回第一個符合元素的value 屬性的值。

注意:val() 方法通常與 HTML 表單元素一起使用。

2、each() 方法

each() 方法為每個符合元素規定要執行的函數。

提示:傳回 false 可用來及早停止循環。

3、attr() 方法

attr() 方法設定或傳回被選元素的屬性和值。

當方法用於傳回屬性值,則傳回第一個符合元素的值。

當方法用於設定屬性值,則為符合元素設定一個或多個屬性/值對。

相關免費學習推薦:javascript(影片)

#########

以上是jquery如何判斷option是否選中的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn