jQuery에서 드롭다운 값 가져오기

jQuery에서 드롭다운 값 가져오기

ID, Name' 쌍이 있는 드롭다운이 있습니다.

예

존 밀러
짐 스미스
젠 모르신

존 밀러의 아이디는 101입니다
Jim Smith의 아이디는 102입니다.
Jen Morsin의 아이디는 103입니다.

다음을 수행할 때:

var arNames = $('#Crd').val() 

존 밀러를 선택하면 101이 나옵니다그래도 존 밀러를 데려오고 싶습니다.

$('#Crd').val()드롭다운 요소의 선택된 값을 제공합니다.이를 통해 선택한 옵션 텍스트를 가져옵니다.

$('#Crd option:selected').text();

가장 좋은 방법은 다음을 사용하는 것입니다.

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

요구사항에 따라 다음과 같은 방법을 사용할 수도 있습니다.

var v = $("#yourid").val();
$("#yourid option[value="+v+"]").text()

이것은 나에게 효과가 있었습니다!

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

누군가에게 도움이 되길 바랍니다!

A를 사용하는 경우<select>, .val()선택한 값의 '값'을 가져옵니다.val().<option>. 만약 그것이 없다면,value, 그것은 다시 아래로 떨어질지도 모릅니다.id. 반환할 값을 입력합니다.value각각의 속성<option>

편집: 무엇에 대한 설명은 주석 참조value사실은 ( 반드시 동일한 것은 아닙니다.value속성).

시도해 보기:

var text = $('#YourDropdownId').find('option:selected').text();

다른 옵션:

$("#<%=dropDownId.ClientID%>").children("option:selected").val();

var sal = $('.selectSal option:selected').eq(0).val();

selectSal클래스 입니다.

지적한 바와 같이...일순간에select박스, 더.val()attribute는 선택한 옵션의 값을 제공합니다.선택한 옵션에 값 속성이 없으면 기본적으로 옵션의 표시 값(의 jQuery 설명서에 나와 있는 예)이 표시됩니다.

당신이 사용하고싶은.text()선택한 옵션의:

$('#Crd option:selected').text()

$('.leave_response').on('change', function() {
    var responseId = $(this).val();
    console.log(responseId);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td>
    <select class="leave_response" name="leave">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
    </select>
</td>

id를 전달하고 변수를 잡고 원하는 곳으로 변수를 전달합니다.

var temp = $('select[name=)ID Name]")", val();

변수에 #Crd의 텍스트 값을 가질 수 있습니다.

$(document).on('click', '#Crd', function () {
     var Crd = $( "#Crd option:selected" ).text();
});

언급URL : https://stackoverflow.com/questions/8978328/get-the-value-of-a-dropdown-in-jquery