Wie kann ich den Wert einer DropDownList mit jQuery setzen?

Question

Wie die Frage sagt, wie kann ich den Wert eines DropDownList-Steuerelements mit jQuery festlegen?

Answer 1

Ich glaube, das könnte helfen:

    $.getJSON('<%= Url.Action("GetDepartment") %>', 
              { coDepartment: paramDepartment },
              function(data) {
                    $(".autoCompleteDepartment").empty();
                    $(".autoCompleteDepartment").append($("<option />").val(-1));
                    $.each(data, function() {
                        $(".autoCompleteDepartment").append($("<option />").val(this.CodDepartment).text(this.DepartmentName));
                    });
                    $(".autoCompleteDepartment").val(-1);                                       
              }  
             );

Wenn Sie so vorgehen, fügen Sie ein Element ohne Text hinzu. Wenn Sie also auf die Kombination klicken, wird sie nicht angezeigt, aber der Wert -1, den Sie später mit $(".autoCompleteDepartment").val(-1); hinzugefügt haben, lässt Sie kontrollieren, ob die Kombination einen gültigen Wert hat.

Ich hoffe, es hilft jemandem.

Entschuldigung für mein Englisch.

Answer 2

//customerDB is an Array  
for(i of customerDB){   

      //create option and add to drop down list 
      var set = `<option value=${i.id}>${i.id}</option>`;
      $('#dropDown').append(set);

}  

// print dropdown values on console
$('#dropDown').click(function(){
      console.log($(this).val())
})

Answer 3

Für Leute, die Bootstrap benutzen, verwenden Sie $(#elementId').selectpicker('val','elementValue') anstelle von $('#elementId').val('elementValue') da letztere den Wert in der Benutzeroberfläche nicht aktualisiert.

Hinweis : Sogar .change() Funktion funktioniert, wie oben in einigen Antworten vorgeschlagen, aber sie löst die $('#elementId').change(function(){ //do something }) Funktion.

Ich poste das hier nur, damit die Leute in Zukunft auf diesen Thread verweisen können.

Answer 4

Die hervorgehobene/überprüfte Antwort oben hat bei mir funktioniert... hier ist ein kleiner Einblick. Ich schummelte ein wenig auf immer die URL, aber im Grunde bin ich die URL in der Javascript definieren, und dann setzen Sie es über die Jquery-Antwort von oben:

<select id="select" onChange="window.location.href=this.value">
    <option value="">Select a task </option>
    <option value="http://127.0.0.1:5000/choose_form/1">Task 1</option>
    <option value="http://127.0.0.1:5000/choose_form/2">Task 2</option>
    <option value="http://127.0.0.1:5000/choose_form/3">Task 3</option>
    <option value="http://127.0.0.1:5000/choose_form/4">Task 4</option>
    <option value="http://127.0.0.1:5000/choose_form/5">Task 5</option>
    <option value="http://127.0.0.1:5000/choose_form/6">Task 6</option>
    <option value="http://127.0.0.1:5000/choose_form/7">Task 7</option>
    <option value="http://127.0.0.1:5000/choose_form/8">Task 8</option>
</select>
<script>
    var pathArray = window.location.pathname.split( '/' );
    var selectedItem = "http://127.0.0.1:5000/" + pathArray[1] + "/" + pathArray[2];
    var trimmedItem = selectedItem.trim();
    $("#select").val(trimmedItem);
</script>

Answer 5

//Html Format der Auswahlliste.

<select id="MyDropDownList">
<option value=test1 selected>test1</option>
<option value=test2>test2</option>
<option value=test3>test3</option>
<option value=test4>test4</option>

// Wenn Sie das ausgewählte Element mit Javascript in test2 ändern möchten. Versuchen Sie dies. // Setzen Sie die nächste Option, die Sie auswählen möchten

var NewOprionValue = "Test2"

        var RemoveSelected = $("#MyDropDownList")[0].innerHTML.replace('selected', '');
        var ChangeSelected = RemoveSelected.replace(NewOption, NewOption + 'selected>');
        $('#MyDropDownList').html(ChangeSelected);