オプションが選択されているかどうかを確認するにはどうすればよいですか？

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

どうやら、isChecked動作しません。だから私の質問はこれを行う適切な方法は何ですか？ありがとう。

更新

選択したオプションに対するより直接的な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で$（this）選択されたオプションを取得する方法？ または option [selected = 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!');
    }

}

私の場合、selectionが常にtrueである理由がわかりません。だから私が考えることができた唯一の方法は：

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
}

注：選択可能にしたい値= 0のオプションがある場合は、if条件を次のように変更する必要があります。 $('#mySelectBox').val() != null

オプションの選択状態で特定の値を確認する必要がある場合：

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

選択したオプションをJavaScriptで確認する場合

最も簡単な方法は、そのタグにonchange属性を追加し、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ファイルで選択したオプションを確認したい場合

タグにname属性を指定して、phpファイルのグローバル変数/ array（$ _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";