[jquery] jQuery를 사용하여 드롭 다운 항목의 선택된 값 가져 오기

jQuery를 사용하여 드롭 다운 상자의 선택된 값을 얻으려면 어떻게해야합니까?
나는 사용하려고

var value = $('#dropDownId').val();

과

var value = $('select#dropDownId option:selected').val();

그러나 둘 다 빈 문자열을 반환합니다.

답변

단일 선택 돔 요소의 경우 현재 선택된 값을 가져 오려면 다음을 수행하십시오.

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

현재 선택된 텍스트를 얻으려면 :

$('#dropDownId :selected').text();

답변

var value = $('#dropDownId:selected').text()

제대로 작동하려면 다음 예제를 참조하십시오.

$(document).ready(function(){
  $('#button1').click(function(){
    alert($('#combo :selected').text());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="combo">
  <option value="1">Test 1</option>
  <option value="2">Test 2</option>
</select>
<input id="button1" type="button" value="Click!" />

스 니펫 확장

답변

이 jQuery를 사용해보십시오.

$("#ddlid option:selected").text();

또는이 자바 스크립트

 var selID=document.getElementById("ddlid");
 var text=selID.options[selID.selectedIndex].text;

텍스트가 아닌 값에 액세스해야하는 경우 val()대신 대신 method를 사용하십시오 text().

아래의 바이올린 링크를 확인하십시오.

데모 1 | Demo2

답변

이 시도

$("#yourDropdown option:selected").text();

답변

나는 이것이 굉장히 오래된 게시물이라는 것을 알고 아마도이 불쌍한 부활을 위해 모호해야하지만, 나는 내 무기고의 모든 응용 프로그램에서 사용하는 매우 유용한 작은 JS 스 니펫을 공유 할 것이라고 생각했습니다 …

입력하는 경우 :

$("#selector option:selected").val() // or
$("#selector option:selected").text()

나이가 들어감에 따라 작은 *.js파일을 전역 파일에 추가 하십시오.

function soval(a) {
    return $('option:selected', a).val();
}
function sotext(a) {
    return $('option:selected', a).text();
}

그냥 쓰기 soval("#selector");또는 sotext("#selector");대신! 둘을 결합하고 value와 text!

function so(a) {
    my.value = $('option:selected', a).val();
    my.text  = $('option:selected', a).text();
    return my;
}

특히 폼이 많은 응용 프로그램에서 소중한 시간을 절약 할 수 있습니다!

답변

선택한 값을 알려줍니다. JQuery 코드 …

$(document).ready(function () {

        $("#myDropDown").change(function (event) {
            alert("You have Selected  :: "+$(this).val());
        });
    });

HTML 코드 …

<select id="myDropDown">
        <option>Milk</option>
        <option>Egg</option>
        <option>Bread</option>
        <option>Fruits</option>
    </select>

답변

이 트릭을 할 것입니다

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