jQuery - đặt giá trị của một lựa chọn thành một trong các tùy chọn của nó

Question

Làm cách nào tôi có thể đặt giá trị của trường nhập đã chọn thành giá trị của tùy chọn đầu tiên không bị tắt

ví dụ: trong trường này, giá trị được chọn là 1. Làm thế nào tôi có thể thay đổi giá trị này thành tùy chọn không được vô hiệu hóa tiếp theo, tức là. 2?

<select> 
    <option disabled="disabled" value="1">1</option 
    <option value="2">2</option 
    <option disabled="disabled" value="3">3</option 
    <option value="4">4</option 
</select> 

Answer 1

ví dụ cho bạn, tôi sẽ sử dụng:

$("select option:not([disabled])").first().attr("selected", "selected");

nếu lựa chọn của bạn có một ID cụ thể ("#foo" chẳng hạn):

$("#foo option:not([disabled])").first().attr("selected", "selected");

Answer 2

$('#id-for-select option:not(:disabled):first').click() 

Answer 3

thiết lập các thuộc tính được chọn của các tùy chọn:

<option id="value2" value="2">2</option> 

document.getElementById('value2').selected = true; 

Answer 4

Hãy thử điều này:

$('#select-id-here option:enabled').first().attr('selected', 'selected'); 

Answer 5

Một chút sạch hơn so với các giải pháp khác:

$('#select_id').find('option:enabled:first').prop('selected',true);