วิธีการตรวจสอบว่ามีการเลือกตัวเลือกหรือไม่

$('#mySelectBox option').each(function() {
    if ($(this).isChecked())
       alert('this option is selected');
     else
       alert('this is not');
});

เห็นได้ชัดว่าisCheckedไม่ทำงาน ดังนั้นคำถามของฉันคือวิธีที่เหมาะสมในการทำเช่นนี้คืออะไร? ขอบคุณ

UPDATE

วิธี jQuery โดยตรงมากขึ้นไปยังตัวเลือกที่เลือกจะเป็น:

var selected_option = $('#mySelectBox option:selected');

ตอบคำถาม.is(':selected')คือสิ่งที่คุณกำลังมองหา:

$('#mySelectBox option').each(function() {
    if($(this).is(':selected')) ...

ไม่ใช่วิธี jQuery (วิธีปฏิบัติที่ดีที่สุด) ที่จะทำ:

$('#mySelectBox option').each(function() {
    if(this.selected) ...

แม้ว่าหากคุณเพียงแค่มองหาค่าที่เลือกลอง:

$('#mySelectBox').val()

หากคุณกำลังมองหาข้อความของค่าที่เลือกให้ทำ:

$('#mySelectBox option').filter(':selected').text();

ชำระเงิน: http://api.jquery.com/selected-selector/

ครั้งต่อไปให้ค้นหาคำถาม SO ที่ซ้ำกัน:

รับตัวเลือกที่เลือกในปัจจุบัน หรือ ตั้งค่าตัวเลือกที่เลือก หรือ วิธีการรับตัวเลือก$ (นี้) ใน jQuery? หรือ ตัวเลือก [select = true] ไม่ทำงาน

คุณสามารถรับตัวเลือกที่เลือกด้วยวิธีนี้:

$('#mySelectBox option:selected')...

สาธิตสด

แต่ถ้าคุณต้องการที่จะย้ำตัวเลือกทั้งหมดให้ทำด้วยthis.selectedแทนที่จะthis.isCheckedไม่มี:

$('#mySelectBox option').each(function() {
    if (this.selected)
       alert('this option is selected');
     else
       alert('this is not');
});

สาธิตสด

ปรับปรุง:

คุณมีคำตอบมากมายที่แนะนำให้คุณใช้สิ่งนี้:

$(this).is(':selected')มันสามารถทำได้เร็วกว่าและง่ายกว่ามากด้วยthis.selectedเหตุใดคุณจึงควรใช้และไม่ใช้วิธีองค์ประกอบ DOM ดั้งเดิม

อ่านรู้คุณสมบัติและฟังก์ชั่น DOM ของคุณในjQuery ข้อมูลแท็ก

ถ้าคุณไม่คุ้นเคยหรือความสะดวกสบายกับคุณก็สามารถตรวจสอบค่าของis()prop("selected")

เท่าที่เห็นที่นี่ :

$('#mySelectBox option').each(function() {
    if ($(this).prop("selected") == true) {
       // do something
    } else {
       // do something
    }
});​

แก้ไข :

ตามที่ @ gdoron ชี้ให้เห็นในความคิดเห็นวิธีที่เร็วและเหมาะสมที่สุดในการเข้าถึงคุณสมบัติที่เลือกของตัวเลือกคือผ่านตัวเลือก DOM นี่คือการปรับปรุงซอแสดงการกระทำนี้

if (this.selected == true) {

ดูเหมือนจะใช้งานได้เช่นกัน! ขอบคุณ gdoron

คุณสามารถใช้วิธีนี้โดย jquery:

$(document).ready(function(){
 $('#panel_master_user_job').change(function () {
 var job =  $('#panel_master_user_job').val();
 alert(job);
})
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="job" id="panel_master_user_job" class="form-control">
                                    <option value="master">Master</option>
                                    <option value="user">User</option>
                                    <option value="admin">Admin</option>
                                    <option value="custom">Custom</option>
                                </select>

ใช้

 $("#mySelectBox option:selected");

เพื่อทดสอบว่าเป็นตัวเลือกใดโดยเฉพาะmyoption:

 if($("#mySelectBox option:selected").text() == myoption){
          //...
 }

พิจารณาสิ่งนี้เป็นรายการที่คุณเลือก:

<select onchange="var optionVal = $(this).find(':selected').val(); doSomething(optionVal)">

                                <option value="mostSeen">Most Seen</option>
                                <option value="newst">Newest</option>
                                <option value="mostSell">Most Sell</option>
                                <option value="mostCheap">Most Cheap</option>
                                <option value="mostExpensive">Most Expensive</option>

                            </select>

จากนั้นคุณตรวจสอบตัวเลือกที่เลือกดังนี้:

function doSomething(param) {

    if ($(param.selected)) {
        alert(param + ' is selected!');
    }

}

ในกรณีของฉันฉันไม่รู้ว่าทำไมการเลือกนั้นเป็นจริงเสมอ ดังนั้นวิธีเดียวที่ฉันสามารถคิดได้คือ:

var optionSelected = false;
$( '#select_element option' ).each( function( i, el ) {
    var optionHTMLStr = el.outerHTML;

    if ( optionHTMLStr.indexOf( 'selected' ) > 0 ) {
        optionSelected = true;
        return false;
    }
});

หากคุณต้องการตรวจสอบว่ามีการเลือกตัวเลือกหรือไม่คุณไม่จำเป็นต้องวนซ้ำตัวเลือกทั้งหมด แค่ทำ

if($('#mySelectBox').val()){
    // do something
} else {
    // do something else
}

หมายเหตุ: หากคุณมีตัวเลือกที่มี value = 0 ที่คุณต้องการให้เลือกคุณจะต้องเปลี่ยน if-condition เป็น $('#mySelectBox').val() != null

หากคุณต้องการตรวจสอบสถานะตัวเลือกที่เลือกสำหรับค่าเฉพาะ :

$('#selectorId option[value=YOUR_VALUE]:selected')

หากคุณต้องการตรวจสอบตัวเลือกที่เลือกผ่านจาวาสคริปต์

วิธีที่ง่ายที่สุดคือการเพิ่มคุณสมบัติการเปลี่ยนในแท็กนั้นและกำหนดฟังก์ชั่นในไฟล์ js ดูตัวอย่างว่าไฟล์ html ของคุณมีตัวเลือกดังนี้

 <select onchange="subjects(this.value)">
               <option>Select subject</option>
               <option value="Computer science">Computer science</option>
               <option value="Information Technolgy">Information Technolgy</option>
               <option value="Electronic Engineering">Electronic Engineering</option>
               <option value="Electrical Engineering">Electrical Engineering</option>
 </select>

และตอนนี้เพิ่มฟังก์ชั่นในไฟล์ js

function subjects(str){
    console.log(`selected option is ${str}`);
}

หากคุณต้องการตรวจสอบตัวเลือกที่เลือกในไฟล์ php

เพียงให้แอตทริบิวต์ชื่อในแท็กของคุณและเข้าถึง php ไฟล์ตัวแปร / อาเรย์ส่วนกลาง ($ _GET หรือ $ _POST) ดูตัวอย่างหากไฟล์ html ของคุณเป็นแบบนี้

<form action="validation.php" method="POST">
             Subject:<br>
            <select name="subject">
               <option>Select subject</option>
               <option value="Computer science">Computer science</option>
               <option value="Information Technolgy">Information Technolgy</option>
               <option value="Electronic Engineering">Electronic Engineering</option>
               <option value="Electrical Engineering">Electrical Engineering</option>
            </select><br>

         </form>

และในไฟล์ php validation.php ของคุณคุณสามารถเข้าถึงได้เช่นนี้

$subject = $_POST['subject'];
echo "selected option is $subject";