Làm thế nào để kiểm tra nếu một tùy chọn được chọn?

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

Rõ ràng, isCheckedkhông hoạt động. Vì vậy, câu hỏi của tôi là cách thích hợp để làm điều này là gì? Cảm ơn.

CẬP NHẬT

Một phương thức jQuery trực tiếp hơn cho tùy chọn đã chọn sẽ là:

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

Trả lời câu hỏi .is(':selected')là những gì bạn đang tìm kiếm:

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

Cách không phải jQuery (được cho là thực hành tốt nhất) sẽ là:

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

Mặc dù, nếu bạn chỉ tìm kiếm giá trị đã chọn, hãy thử:

$('#mySelectBox').val()

Nếu bạn đang tìm kiếm văn bản của giá trị được chọn, hãy làm:

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

Hãy xem: http://api.jquery.com/selected-selector/

Lần tới hãy tìm những câu hỏi SO trùng lặp:

Nhận tùy chọn đã chọn hiện tại hoặc Đặt tùy chọn đã chọn hoặc Cách nhận tùy chọn được chọn $ (này) trong jQuery? hoặc tùy chọn [được chọn = true] không hoạt động

Bạn có thể nhận tùy chọn đã chọn theo cách này:

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

BẢN THỬ TRỰC TIẾP

Nhưng nếu bạn muốn lặp lại tất cả các tùy chọn, hãy thực hiện this.selectedthay vì this.isCheckedkhông tồn tại:

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

BẢN THỬ TRỰC TIẾP

Cập nhật:

Bạn có rất nhiều câu trả lời gợi ý bạn sử dụng điều này:

$(this).is(':selected')tốt, nó có thể được thực hiện nhanh hơn và dễ dàng hơn rất nhiều, this.selectedvậy tại sao bạn nên sử dụng nó mà không phải là phương thức phần tử DOM gốc?!

Đọc Biết Thuộc tính và Hàm DOM của bạn trong jQuery thông tin thẻ

Nếu bạn không quen thuộc hoặc thoải mái is(), bạn có thể kiểm tra giá trị của prop("selected").

Như đã thấy ở đây :

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

Chỉnh sửa :

Như @gdoron đã chỉ ra trong các bình luận, cách nhanh nhất và phù hợp nhất để truy cập vào thuộc tính được chọn của một tùy chọn là thông qua bộ chọn DOM. Dưới đây là cập nhật fiddle hiển thị hành động này.

if (this.selected == true) {

xuất hiện để làm việc là tốt! Cảm ơn gdoron.

Bạn có thể sử dụng cách này bằng 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>

sử dụng

 $("#mySelectBox option:selected");

để kiểm tra nếu đó là một tùy chọn cụ thể myoption:

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

Hãy xem đây là danh sách lựa chọn của bạn:

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

sau đó bạn kiểm tra tùy chọn đã chọn như thế này:

function doSomething(param) {

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

}

Trong trường hợp của tôi, tôi không biết tại sao lựa chọn luôn luôn đúng. Vì vậy, cách duy nhất tôi có thể nghĩ ra là:

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

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

Nếu bạn chỉ muốn kiểm tra nếu một tùy chọn được chọn, thì bạn không cần phải lặp qua tất cả các tùy chọn. Cứ làm đi

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

Lưu ý: Nếu bạn có một tùy chọn có giá trị = 0 mà bạn muốn có thể chọn, bạn cần thay đổi điều kiện if thành $('#mySelectBox').val() != null

Nếu bạn cần kiểm tra tùy chọn trạng thái được chọn cho giá trị cụ thể :

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

Nếu bạn muốn kiểm tra tùy chọn đã chọn thông qua javascript

Phương pháp đơn giản nhất là thêm thuộc tính onchange trong thẻ đó và xác định hàm trong tệp js xem ví dụ nếu tệp html của bạn có các tùy chọn giống như thế này

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

Và bây giờ thêm chức năng trong tập tin js

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

Nếu bạn muốn kiểm tra tùy chọn đã chọn trong tệp php

Chỉ cần cung cấp thuộc tính name trong thẻ của bạn và truy cập vào tệp php biến / mảng toàn cầu ($ _GET hoặc $ _POST) xem ví dụ nếu tệp html của bạn giống như thế này

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

Và trong tệp php.php của bạn, bạn có thể truy cập như thế này

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