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

100

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

예

존 밀러
짐 스미스
Jen Morsin

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

내가 다음을 할 때 :

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

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

jquery

— 네이트 펫
소스

확인 stackoverflow.com/questions/1643227/...

— 프란츠

185

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

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

— ShankarSangoli
소스

3

$ ( '# Crd option : selected'). text () 또는 $ ( '# Crd option : selected'). val (), .text는 값이 아닌 표시된 텍스트의 값을 제공합니다

— patrick choi

$ ( '# Crd 옵션 : 선택됨') .val (); 값

— asifaftab87

13

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

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

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

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

— 산딥 팔
소스

5

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

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

— 안셀 산토 사
소스

1

간단히 설명하면 .val () 은 HTML 속성 값이 아닌 실시간 값 속성을 반환합니다 .

— Chad

옳은. 그러나 OP가 value어떤 시점에서 s 를 변경하고 싶지 않은 것처럼 보이기 때문에이 경우 실질적인 차이는 없습니다 .

— Ansel Santosa

2

.val() gets the 'value' attribute of the selected <option>, 내가 말했듯이 : 그냥 명확히.

— Chad

텍스트가 아닌 색인 또는 ID가 필요한 경우 어떻게합니까?

— bgmCoder

5

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

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

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

— N00b Pr0grammer
소스

3

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

selectSal 클래스입니다.

— 아칸 크샤 싱
소스

3

이 시도:

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

— Fereydoon Barikzehy
소스

2

다른 옵션 :

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

— user3166722
소스

0

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

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

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

— 라게 만
소스

0

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

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

— Jeswin
소스

0

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

스 니펫 확장

— 야사스 말 링가
소스

0

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

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

— 아비 짓 파트라
소스

$ ( 'select [name = ID Name] 옵션 : 선택됨') .val (); 이것은 또한 일

— Abhijit 파트라