Làm thế nào để sử dụng JQuery để chọn tùy chọn thứ n

Question

Tôi có HTML sau

<select onchange="this.form.submit()" name="name"> 
    <option value="9995101E01#17201044055PM">9995101E01#17201044055PM</option> 
    <option value="GRR-Example">GRR-Example</option> 
    <option value="admin">admin</option> 
    <option value="123w">123w</option> 
</select> 

Tôi có thể biết làm thế nào tôi có thể sử dụng JQuery để lựa chọn với giá trị "admin"?

Answer 1

$('select[name=name] option:eq(2)').attr('selected', 'selected'); 

Demo.

Answer 2

Như thế này:

$("select[name='name'] option:eq(2)").attr("selected", "selected"); 

EDIT:

Để làm những gì bạn muốn trong chỉnh sửa mới của bạn, có nghĩa là, chọn tùy chọn có giá trị của admin:

$("select[name='name'] option:contains('admin')").attr("selected", "selected"); 

See it working.

Answer 3

Tôi nghĩ rằng pseudo-class nth-child là những gì bạn đang tìm kiếm:

$('select option:nth-child(3)').attr('selected', 'selected'); 

Answer 4

tôi không tư vấn thiết lập giá trị của chọn bằng cách sử dụng .attr('selected', 'selected'). Thực hành không tốt. Nếu hai tùy chọn có thuộc tính 'được chọn' - thì giá trị của lựa chọn là gì?

Dưới đây là phiên bản đơn giản và dễ dàng mà sẽ làm việc:

$('select[name="name"]').val('admin'); 

DEMO

Answer 5

Nếu bạn muốn chọn thứ n tùy chọn và kích hoạt onchange sự kiện sau đó:

function selectOption(nr) { 
    var select = $("select"); 
    if (select.children().length >= nr) { 
     let value = select.find('option:eq(' + nr + ')').val(); 
     select.val(value).change(); 
    } 
} 

Answer 6

Just cập nhật trong trường hợp nó giúp ai đó. Tôi đã có yêu cầu tương tự nhưng trong trường hợp của tôi, trình đơn thả xuống được lưu trữ dưới dạng biến JavaScript. Ngoài ra tôi thích cách Denis Matafonov được đề xuất để làm cho tùy chọn được đề cập được chọn. Vì vậy, đây là khối cuối cùng của mã:

var target_dd = $('select[name=name]'); 
$(target_dd).val($(target_dd).find('option:eq(2)').html());