Das Auswahl-Dropdown-Feld ist standardmäßig ausgewählt

Dieses Mal zeige ich Ihnen das standardmäßig ausgewählte Auswahl-Dropdown-Feld. Welche Vorsichtsmaßnahmen sind im Auswahl-Dropdown-Feld standardmäßig ausgewählt? , lass uns einen Blick darauf werfen.

In diesem Artikel werden hauptsächlich die Methoden im Zusammenhang mit der Auswahl eines Dropdown-Felds vorgestellt.

1. Rufen Sie den Wert und den Textwert des Dropdown-Felds über die ID ab.

Zum Beispiel:

<select class="form-control" id="numbers">
      <option value="1">数字1</option>
      <option value="2" selected>数字2</option>
</select>
$("#numbers option:selected").val(); 获取到下拉框被选中的optionde value值：2；
$("#numbers option:selected").text(); 获取到下拉框被选中的optionde 文本内容：数字2；

2. Ein bestimmter Auswahlwert ist standardmäßig ausgewählt : Fügen Sie das ausgewählte Attribut hinzu

Geben Sie eine Zahl in das Eingabefeld ein, rufen Sie die Methode selectNumber() auf, wenn der Fokus verloren geht, und wählen Sie dieselbe Zahl wie im Eingabefeld

aus

function selectNumber(){
var num = $("#num").val(); //获取input中输入的数字
var numbers = $("#numbers").find("option"); //获取select下拉框的所有值
for (var j = 1; j < numbers.length; j++) {
if ($(numbers[j]).val() == num) {
$(numbers[j]).attr("selected", "selected");
}
} 
}

Ich glaube, Sie haben es gemeistert, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie auf der chinesischen PHP-Website anderen verwandten Artikeln!

Empfohlene Lektüre:

So implementieren Sie die Toggle-Methode in jQuery

So verwenden Sie die Select-Komponente in jQuery

Das obige ist der detaillierte Inhalt vonDas Auswahl-Dropdown-Feld ist standardmäßig ausgewählt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!