jQuery는 선택된 옵션 값을 얻는다 (텍스트가 아니라 속성 'value')

jQuery는 선택된 옵션 값을 얻는다 (텍스트가 아니라 속성 'value')

---

좋아, 나는이 코드를 가지고있다 :

<select name="selector" id="selector">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>

그리고 옵션의 가치를 선택하고 싶습니다. 예 : '옵션 2'가 선택되었으며 값은 '2'입니다. '2'는 '옵션 2'가 아니라 얻는 데 필요한 값입니다.

---

선택된 옵션의 값을 얻으려면 .val 을 사용하십시오 . 아래를 참조하십시오

$('select[name=selector]').val()

---

나는 단지 내 경험을 공유하고 싶었다

나를 위해

$('#selectorId').val()

null을 반환했습니다.

나는 사용해야했다

$('#selectorId option:selected').val()

---

$('select').change(function() {
    console.log($(this).val())
});​

jsFiddle 예제

.val() 가치를 얻습니다.

---

선택에 ID를 추가해야합니다. 그때:
$('#selectorID').val()

---

jquery다음과 같이 사용할 수 있습니다

스크립트

  $('#IDOfyourdropdown').change(function(){
    alert($(this).val());
  });

FIDDLE은 여기

---

이 시도:

$(document).ready(function(){
    var data= $('select').find('option:selected').val();
});

또는

var data= $('select').find('option:selected').text();

---

이와 같은 선택

<select class="btn btn-info pull-right" id="list-name" style="width: auto;">
   <option id="0">CHOOSE AN OPTION</option>
   <option id="127">John Doe</option>
   <option id="129" selected>Jane Doe</option>

...이 방법으로 ID를 얻을 수 있습니다 :

$('#list-name option:selected').attr('id');

또는 가치를 대신 사용하여 쉽게 얻을 수 있습니다.

<select class="btn btn-info pull-right" id="list-name" style="width: auto;">
   <option value="0">CHOOSE AN OPTION</option>
   <option value="127">John Doe</option>
   <option value="129" selected>Jane Doe</option>

이처럼 :

$('#list-name').val();

---

내 옵션 중 하나에 값이 없습니다 <option>-----</option>. 사용하려고 if (!$(this).val()) { .. }했지만 이상한 결과를 얻었습니다. 요소에 value속성 이 없으면 <option>빈 문자열 대신 그 안에 텍스트를 반환합니다. val()옵션에 대해 아무것도 반환 하지 않으려면 을 추가하십시오 value="".

---

예를보십시오 :

    <select class="element select small" id="account_name" name="account_name"> 

        <option value="" selected="selected">Please Select</option>           
        <option value="paypal" >Paypal</option>
        <option value="webmoney" >Webmoney</option>

    </select>

 <script type="text/javascript">

        $(document).ready(function(){ 
             $('#account_name').change(function(){
               alert($(this).val());                                                          
             });
        });
 </script>

---

$('#selectorID').val();

또는

$('select[name=selector]').val();

또는

$('.class_nam').val();

---

이 코드는 저에게 매우 효과적입니다. 선택한 옵션의 값을 반환합니다. $ ( '# select_id'). find ( 'option : selected'). val ();

---

 $(document ).ready(function() {
    $('select[name=selectorname]').change(function() { 
     alert($(this).val());});
 });

참고 URL : https://stackoverflow.com/questions/13089944/jquery-get-selected-option-value-not-the-text-but-the-attribute-value