JQuery das ausgewählte Attribut auf einer Auswahlliste Einstellung

Question

Ich habe folgend html

<select id="dropdown"> 
    <option>A</option> 
    <option>B</option> 
    <option>C</option> 
</select> 

Ich habe die Zeichenfolge „B“ so dass ich die ausgewählt attrribute darauf einstellen will, so wird es sein:

<select id="dropdown"> 
    <option>A</option> 
    <option selected="selected">B</option> 
    <option>C</option> 
</select> 

Wie würde ich das in JQuery tun?

Answer 1

Wenn Sie Ihre HTML-modifizierende etwas nicht stört das value Attribut der Optionen gehören, können Sie deutlich den Code reduzieren notwendig Dazu:

<option>B</option> 

zu

<option value="B">B</option> 

Dies wird hilfreich sein, wenn Sie so etwas wie tun:

<option value="IL">Illinois</option> 

Damit jQuery die folgen wird die Änderung vornehmen:

$("select option[value='B']").attr("selected","selected"); 

Wenn Sie nicht umfassen die Verwendung von entscheiden Wenn Sie das Attribut value verwenden, müssen Sie die einzelnen Optionen durchlaufen und den Wert manuell überprüfen:

Answer 2

Sie können reines DOM verwenden. Siehe http://www.w3schools.com/htmldom/prop_select_selectedindex.asp

document.getElementById('dropdown').selectedIndex = 1; 

aber jQuery helfen:

$('#dropdown').selectedIndex = 1; 

Answer 3

ich durch die Optionen durchlaufen würde, zu vergleichen, den Text zu, was ich will zu wählen, dann wählen Sie die gewünschte Attribut auf diese Option. Sobald Sie den richtigen gefunden haben, beenden Sie die Iteration (es sei denn, Sie haben einen Multiselect).

$('#dropdown').find('option').each(function() { 
     var $this = $(this); 
     if ($this.text() == 'B') { 
     $this.attr('selected','selected'); 
     return false; 
     } 
}); 

Answer 4

Etwas nach dem Vorbild von ...

$('select option:nth(1)').attr("selected","selected"); 

Answer 5

Code:

var select = function(dropdown, selectedValue) { 
    var options = $(dropdown).find("option"); 
    var matches = $.grep(options, 
     function(n) { return $(n).text() == selectedValue; }); 
    $(matches).attr("selected", "selected"); 
}; 

Beispiel:

select("#dropdown", "B"); 

Answer 6

<select id="cars"> 
<option value='volvo'>volvo</option> 
<option value='bmw'>bmw</option> 
<option value='fiat'>fiat</option> 
</select> 

var make = "fiat"; 

$("#cars option[value='" + make + "']").attr("selected","selected"); 

Answer 7

Sie können die .selectedIndex Strategie von danielrmt, folgen aber den Index auf der Grundlage der Text innerhalb der Option-Tags wie folgt ermitteln:

$('#dropdown')[0].selectedIndex = $('#dropdown option').toArray().map(jQuery.text).indexOf('B'); 

Dies funktioniert mit dem ursprünglichen HTML ohne Verwendung von Wertattributen.

Answer 8

$('#select_id option:eq(0)').prop('selected', 'selected'); 

seine gute

Answer 9

Wenn Sie JQuery verwenden, da die 1,6 Sie die verwenden.Prop() Methode:

$('select option:nth(1)').prop("selected","selected"); 

Answer 10

dies eine Lösung

$(document).on('change', 'select', function() { 
      var value = $(this).val(); 
      $(this).find('option[value="' + value + '"]').attr("selected", "selected"); 
     })