如何检查是否选择了一个选项？

$('#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!');
    }

}

就我而言，我不知道为什么选择始终为真。因此，我唯一能想到的方法是：

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-condition更改为 $('#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";