jQuery를 사용하여 드롭 다운에서 선택한 현재 값 가져 오기

jQuery를 사용하여 드롭 다운에서 선택한 현재 값 가져 오기

---

내 페이지에 동적으로 생성 된 드롭 다운 상자 세트가 있습니다. 기본적으로 jQuery를 사용하여 복제합니다. 이제 변경 이벤트의 각 드롭 다운에서 선택한 값을 캡처하고 싶습니다.

나는 작동하지 않는 이와 같은 것을 시도했습니다.

$('._someDropDown').live('change', function(e) {
            //debugger;
            var v = $(this);
            alert($(this + ':selected').val());
            alert($(this).val());
        });

어떻게해야합니까?

---

이것이 필요한 것입니다. :)

$('._someDropDown').live('change', function(e) {
    console.log(e.target.options[e.target.selectedIndex].text);
});

새로운 jQuery 사용 on

$(document).on('change', '._someDropDown', function(e) {
    console.log(this.options[e.target.selectedIndex].text);
});

---

선택한 옵션의 텍스트를 얻으려면

$("#your_select :selected").text();

선택한 옵션의 값을 얻으려면

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

---

$("#citiesList").change(function() {
    alert($("#citiesList option:selected").text());
    alert($("#citiesList option:selected").val());              
});

도시 목록은 선택 태그의 ID입니다.

---

확인->

텍스트 받기

$("#selme").change(function(){
 $(this[this.selectedIndex]).text();
});

가치를 얻기 위해

$("#selme").change(function(){
 $(this[this.selectedIndex]).val();
});

---

당신은 시도 할 수 있습니다:

$("._someDropDown").val();

---

드롭 다운 (선택) 요소의 값을 얻으려면 val ()을 사용하십시오.

$('._someDropDown').live('change', function(e) {
  alert($(this).val());
});

선택한 옵션의 텍스트를 보려면 다음을 사용하십시오.

$('._someDropDown').live('change', function(e) {
  alert($('[value=' + $(this).val() + ']', this).text());
});

---

이것은 실제로 더 효율적이고, 당신이 당신의 선택에 액세스하려면 내 의견으로는 더 나은 가독성을 가지고 이 또는 다른 변수

$('#select').find('option:selected')

사실 내가 올바르게 기억하면 phpStorm은 다른 방법을 자동으로 수정하려고 시도합니다.

---

현재 선택된 값의 인덱스를 원할 경우.

$selIndex = $("select#myselectid").prop('selectedIndex'));

---

이 시도...

$("#yourdropdownid option:selected").val();

---

위에서 설명한 옵션은 CSS사양 ( jQuery확장)의 일부가 아니기 때문에 작동하지 않습니다 . 정보를 찾기 위해 2-3 일을 보냈고, 드롭 다운에서 선택한 옵션의 텍스트를 선택하는 유일한 방법은 다음과 같습니다.

{ $("select", id:"Some_ID").find("option[selected='selected']")}

Refer to additional notes below: Because :selected is a jQuery extension and not part of the CSS specification, queries using :selected cannot take advantage of the performance boost provided by the native DOM querySelectorAll() method. To achieve the best performance when using :selected to select elements, first select the elements using a pure CSS selector, then use .filter(":selected"). (copied from: http://api.jquery.com/selected-selector/)

---

You can also use :checked

$("#myselect option:checked").val(); //to get value

or as said in other answers simply

$("#myselect").val(); //to get value

and

$("#myselect option:checked").text(); //to get text

ReferenceURL : https://stackoverflow.com/questions/4874124/get-current-value-selected-in-dropdown-using-jquery