cách lấy chỉ mục đã chọn thả xuống

Question

Tôi có trình đơn thả xuống bình thường mà tôi muốn lấy chỉ mục hiện được chọn và đặt chỉ mục đó vào một biến. Jquery hoặc javascript. Jquery bối rối.

<select name="CCards"> 
<option value="0">Select Saved Payment Method:</option> 
<option value="1846">test xxxx1234</option> 
<option value="1962">test2 xxxx3456</option> 
</select> 

Answer 1

$("select[name='CCards'] option:selected") nên làm các trick

tài liệu

Xem jQuery để xem chi tiết hơn: http://api.jquery.com/selected-selector/

UPDATE: nếu bạn cần index của các tùy chọn được chọn, bạn cần phải sử dụng .index() jquery phương pháp:

$("select[name='CCards'] option:selected").index() 

Answer 2

<select name="CCards" id="ccards"> 
    <option value="0">Select Saved Payment Method:</option> 
    <option value="1846">test xxxx1234</option> 
    <option value="1962">test2 xxxx3456</option> 
</select> 

<script type="text/javascript"> 

    /** Jquery **/ 
    var selectedValue = $('#ccards').val(); 

    //** Regular Javascript **/ 
    var selectedValue2 = document.getElementById('ccards').value; 


</script> 

Answer 3

này sẽ nhận được chỉ số tùy chọn chọn về biến đổi:

$('select').change(function(){ 
 
    console.log($('option:selected',this).index()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="CCards"> 
 
<option value="0">Select Saved Payment Method:</option> 
 
<option value="1846">test xxxx1234</option> 
 
<option value="1962">test2 xxxx3456</option> 
 
</select>

Answer 4

chỉ số thực tế có sẵn như là một thuộc tính của yếu tố lựa chọn.

var sel = document.getElementById('CCards'); 
alert(sel.selectedIndex); 

bạn có thể sử dụng chỉ mục để truy cập tùy chọn lựa chọn, nơi bạn có thể kéo văn bản và giá trị.

var opt = sel.options[sel.selectedIndex]; 
alert(opt.text); 
alert(opt.value); 

Answer 5

Nếu bạn đang thực sự tìm kiếm các số chỉ mục (và không phải là giá trị) của các tùy chọn chọn sau đó nó sẽ là

document.forms[0].elements["CCards"].selectedIndex 
/* You may need to change document.forms[0] to reference the correct form */ 

hoặc sử dụng jQuery

$('select[name="CCards"]')[0].selectedIndex 

Answer 6

Bạn cũng có thể sử dụng :checked cho <select> yếu tố

ví dụ:

document.querySelector('select option:checked') 
document.querySelector('select option:checked').getAttribute('value') 

Bạn thậm chí không phải lấy chỉ mục và sau đó tham chiếu phần tử theo chỉ mục anh chị em của nó.