옵션이 선택되어 있는지 확인하는 방법

$('#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를에 (이) 선택한 옵션을 얻는 방법을? 또는 옵션 [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 조건을로 변경해야합니다. $('#mySelectBox').val() != null

특정 값에 대해 옵션 선택 상태를 확인해야하는 경우 :

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

자바 스크립트를 통해 선택한 옵션을 확인하려면

가장 간단한 방법은 해당 태그에 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";