developer tip

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

optionbox 2020. 9. 7. 08:04
반응형

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


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

존 밀러
짐 스미스
Jen Morsin

Jon MIller의 ID는 101입니다.
Jim Smith의 ID는 102입니다.
Jen Morsin의 ID는 103입니다.

내가 다음을 할 때 :

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

Jon Miller를 선택하면 101을 얻습니다. Jon Miller를 선택하고 싶습니다.


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

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

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

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

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

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

당신은을 사용하는 경우 <select>, .val()선택의 '가치'를 얻는다 <option>. 그것이이없는 경우 value, 그것은으로 폴백 할 수 있습니다 id. 반환 할 값 value을 각 속성에 입력하십시오.<option>

편집 :value 실제로 무엇인지에 대한 설명을 참조하십시오 ( value속성 과 같을 필요는 없음 ).


이것은 나를 위해 일했습니다!

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

이것이 누군가를 돕기를 바랍니다!


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

selectSal 클래스입니다.


이 시도:

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

다른 옵션 :

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

지적했듯이 ... select상자에서 .val()속성은 선택한 옵션의 값을 제공합니다. 선택한 옵션에 값 속성이없는 경우 옵션의 표시 값이 기본값으로 설정됩니다 ( jQuery 문서의.val show.

.text()선택한 옵션 을 사용하려는 경우 :

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


드롭 다운의 ID가 "someId"인 경우 드롭 다운의 현재 값을 제공합니다.

$("#someId").val();

ID를 전달하고 변수를 유지하고 원하는 곳에 변수를 전달하십시오.

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


$('.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>

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

반응형