Bagaimana cara memeriksa apakah suatu opsi dipilih?

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

Tampaknya, isCheckeditu tidak berhasil. JADI pertanyaan saya adalah apa cara yang tepat untuk melakukan ini? Terima kasih.

MEMPERBARUI

Metode jQuery yang lebih langsung ke opsi yang dipilih adalah:

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

Menjawab pertanyaan .is(':selected')adalah apa yang Anda cari:

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

Cara non jQuery (bisa dibilang praktik terbaik) untuk melakukannya adalah:

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

Meskipun, jika Anda hanya mencari nilai yang dipilih coba:

$('#mySelectBox').val()

Jika Anda mencari teks nilai yang dipilih lakukan:

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

Lihat: http://api.jquery.com/selected-selector/

Lain kali cari pertanyaan duplikat SO:

Dapatkan opsi yang dipilih saat ini atau Setel opsi yang dipilih atau Cara mendapatkan $ (ini) opsi yang dipilih di jQuery? atau opsi [terpilih = benar] tidak berfungsi

Anda bisa mendapatkan opsi yang dipilih dengan cara ini:

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

LIVE DEMO

Tetapi jika Anda ingin iterate semua pilihan, melakukannya dengan this.selectedbukan this.isCheckedyang tidak ada:

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

LIVE DEMO

Memperbarui:

Anda mendapat banyak jawaban yang menyarankan Anda untuk menggunakan ini:

$(this).is(':selected')baik, itu bisa dilakukan jauh lebih cepat dan lebih mudah dengan this.selectedjadi mengapa Anda harus menggunakannya dan bukan metode elemen DOM asli ?!

Baca Mengenal Properti DOM Anda dan Fungsi di jQuery info tag

Jika Anda tidak terbiasa atau tidak nyaman is(), Anda bisa memeriksa nilainya prop("selected").

Seperti yang terlihat di sini :

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

Edit :

Sebagaimana @gdoron tunjukkan dalam komentar, cara tercepat dan paling tepat untuk mengakses properti pilihan adalah melalui pemilih DOM. Berikut adalah pembaruan biola yang menampilkan tindakan ini.

if (this.selected == true) {

tampaknya bekerja dengan baik! Terima kasih gdoron.

Anda dapat menggunakan cara ini dengan 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>

menggunakan

 $("#mySelectBox option:selected");

untuk menguji apakah ini pilihan tertentu myoption:

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

Pertimbangkan ini sebagai daftar pilih Anda:

<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>

maka Anda memeriksa opsi yang dipilih seperti ini:

function doSomething(param) {

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

}

Dalam kasus saya, saya tidak tahu mengapa yang dipilih selalu benar. Jadi satu-satunya cara saya dapat berpikir adalah:

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

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

Jika Anda hanya ingin memeriksa apakah suatu opsi dipilih, maka Anda tidak perlu mengulangi semua opsi. Kerjakan saja

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

Catatan: Jika Anda memiliki opsi dengan nilai = 0 yang ingin Anda pilih, Anda perlu mengubah jika-kondisi ke $('#mySelectBox').val() != null

Jika Anda perlu memeriksa opsi negara yang dipilih untuk nilai tertentu :

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

Jika Anda ingin memeriksa opsi yang dipilih melalui javascript

Metode paling sederhana adalah menambahkan atribut onchange di tag itu dan mendefinisikan fungsi dalam file js lihat contohnya jika file html Anda memiliki opsi seperti ini

 <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>

Dan sekarang tambahkan fungsi dalam file js

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

Jika Anda ingin memeriksa opsi yang dipilih dalam file php

Cukup berikan atribut nama di tag Anda dan akseslah file php variabel global / array ($ _GET atau $ _POST) lihat contohnya jika file html Anda mirip dengan ini

<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>

Dan di file php Anda validation.php Anda dapat mengakses seperti ini

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