Heim > Web-Frontend > Bootstrap-Tutorial > So legen Sie den Standardwert für die Bootstrap-Dropdown-Liste fest

So legen Sie den Standardwert für die Bootstrap-Dropdown-Liste fest

Freigeben: 2019-07-31 09:00:10
Original
9130 Leute haben es durchsucht

So legen Sie den Standardwert für die Bootstrap-Dropdown-Liste fest

Das Dropdown-Feld ruft den Wert ab und legt den Standardwert fest:

<select id="test">
<option value="1">选项一<option>
<option value="2">选项一<option>
...
<option value="n">选项N<option>
</select>
Nach dem Login kopieren

Das so -JQuery-Operation „select“ genannt. Genauer gesagt sollte jQuery die „Option“ steuern. Schauen Sie sich den folgenden jQuery-Code an:

//Den Wert der ersten Option abrufen

$(&#39;#test option:first&#39;).val();
Nach dem Login kopieren

/ /Der Wert der letzten Option

$(&#39;#test option:last&#39;).val();
Nach dem Login kopieren

//Den Wert der zweiten Option abrufen

$(&#39;#test option:eq(1)&#39;).val();
Nach dem Login kopieren

//Den ausgewählten Wert abrufen

$(&#39;#test&#39;).val();
$(&#39;#test option:selected&#39;).val();
Nach dem Login kopieren

//Legen Sie die Option mit a fest Wert von 2 auf den ausgewählten Status

$(‘#test’).attr(‘value’,’2’);
Nach dem Login kopieren

//Letzte Option auf ausgewählt setzen

$(&#39;#test option:last&#39;).attr(&#39;selected&#39;,&#39;selected&#39;);
$("#test").attr(&#39;value&#39; , $(&#39;#test option:last&#39;).val());
$("#test").attr(&#39;value&#39; , $(&#39;#test option&#39;).eq($(&#39;#test option&#39;).length - 1).val());
Nach dem Login kopieren

//Länge der Auswahl abrufen

$(&#39;#test option&#39;).length;
Nach dem Login kopieren

//Hinzufügen eine Option

$("#test").append("<option value=&#39;n+1&#39;>第N+1项</option>");
$("<option value=&#39;n+1&#39;>第N+1项</option>").appendTo("#test");
Nach dem Login kopieren

//Ausgewähltes Element hinzufügen und entfernen

$(&#39;#test option:selected&#39;).remove();
Nach dem Login kopieren

//Das ausgewählte Element löschen (das erste Element wird hier gelöscht)

$(&#39;#test option:first&#39;).remove();、
Nach dem Login kopieren

//Der angegebene Wert ist gelöscht

$(&#39;#test option&#39;).each(function(){
if( $(this).val() == &#39;5&#39;){
$(this).remove();
}
});
$(&#39;#test option[value=5]&#39;).remove();
Nach dem Login kopieren

//Beschriftung der ersten Gruppe abrufen

$(&#39;#test optgroup:eq(0)&#39;).attr(&#39;label&#39;);
Nach dem Login kopieren

//Wert der ersten Option unter der zweiten Gruppe abrufen

$(&#39;#test optgroup:eq(1) : option:eq(0)&#39;).val();
Nach dem Login kopieren

//select wird ausgewählt von Standard

$("#arrangeClass").find("option[value="+reim.classId+"]").prop("selected",true);
Nach dem Login kopieren

Empfohlen: Bootstrap Erste Schritte Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie den Standardwert für die Bootstrap-Dropdown-Liste fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage