thiết lập giá trị thả xuống bằng văn bản sử dụng jquery

Question

Tôi có một thả xuống như:

<select id="HowYouKnow" > 
    <option value="1">FRIEND</option> 
    <option value="2">GOOGLE</option> 
    <option value="3">AGENT</option></select> 

Trong menu thả xuống trên tôi biết nội dung của danh sách thả xuống. Làm thế nào có thể thiết lập giá trị của thả xuống trong document.ready với văn bản bằng cách sử dụng jquery?

Answer 1

Đây là phương pháp hoạt động dựa trên văn bản của tùy chọn, không phải chỉ mục. Chỉ cần kiểm tra.

var theText = "GOOGLE"; 
$("#HowYouKnow option:contains(" + theText + ")").attr('selected', 'selected'); 

Hoặc, nếu có giá trị tương tự (nhờ shanabus):

$("#HowYouKnow option").each(function() { 
    if($(this).text() == theText) { 
    $(this).attr('selected', 'selected');    
    }       
}); 

Answer 2

$("#HowYouKnow").val("GOOGLE"); 

Answer 3

$("#HowYouKnow option:eq(XXX)").attr('selected', 'selected'); 

nơi XXX là chỉ số của người bạn muốn.

Answer 4

$("#HowYouKnow option[value='" + theText + "']").attr('selected', 'selected'); // added single quotes 

Answer 5

Dưới đây là một ví dụ đơn giản:

$("#country_id").change(function(){ 
    if(this.value.toString() == ""){ 
     return; 
    } 
    alert("You just changed country to: " + $("#country_id option:selected").text() + " which carried the value for country_id as: " + this.value.toString()); 
}); 

Answer 6

var myText = 'GOOGLE'; 

$('#HowYouKnow option').map(function() { 
    if ($(this).text() == myText) return this; 
}).attr('selected', 'selected'); 

Answer 7

Đối với việc sử dụng kết hợp chính xác

$("#HowYouKnow option").filter(function(index) { return $(this).text() === "GOOGLE"; }).attr('selected', 'selected'); 

chứa sẽ chọn trận đấu cuối cùng có thể không chính xác.

Answer 8

Đối với GOOGLE, GOOGLEDOWN, GOOGLEUP tức là loại tương tự của giá trị mà bạn có thể thử mã dưới đây

$("#HowYouKnow option:contains('GOOGLE')").each(function() { 

         if($(this).html()=='GOOGLE'){ 
          $(this).attr('selected', 'selected'); 
         } 
        }); 

Bằng cách này, số lượng vòng lặp có thể giảm và sẽ làm việc trong tất cả các tình huống.

Answer 9

Mã dưới đây làm việc cho tôi -:

jQuery('[id^=select_] > option').each(function(){ 
     if (this.text.toLowerCase()=='text'){ 
      jQuery('[id^=select_]').val(this.value); 
     } 
}); 

jQuery ('[id^= select_]') - Điều này cho phép bạn chọn thả xuống nơi ID của đơn thả xuống bắt đầu từ select_

Hy vọng những điều trên sẽ hữu ích!

Cheers S

Answer 10

này được làm việc cả chrome và firefox

giá trị đặt trong hộp thả xuống.

var given = $("#anotherbox").val(); 
$("#HowYouKnow").text(given).attr('value', given); 

Answer 11

thử này ..

$(element).find("option:contains(" + theText+ ")").attr('selected', 'selected');