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

Question

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

显然,这isChecked不起作用.所以我的问题是这样做的正确方法是什么？谢谢.

Answer 1

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中获取$(this)选项？ 或 选项[selected = true]不起作用

Answer 2

您可以通过以下方式获取所选选项:

$('#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

Answer 3

您可以通过 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>

Answer 4

如果您不熟悉或不习惯is()，您可以检查 的值prop("selected")。

如这里所见：

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

编辑：

正如@gdoron 在评论中指出的那样，访问选项的 selected 属性的更快、最合适的方法是通过 DOM 选择器。这是显示此操作的小提琴更新。

if (this.selected == true) {

似乎也能正常工作！谢谢格多伦。