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

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

尚
Original
2019-07-30 17:40:489058Durchsuche

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>

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();

/ /Der Wert der letzten Option

$(&#39;#test option:last&#39;).val();

//Den Wert der zweiten Option abrufen

$(&#39;#test option:eq(1)&#39;).val();

//Den ausgewählten Wert abrufen

$(&#39;#test&#39;).val();
$(&#39;#test option:selected&#39;).val();

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

$(‘#test’).attr(‘value’,’2’);

//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());

//Länge der Auswahl abrufen

$(&#39;#test option&#39;).length;

//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");

//Ausgewähltes Element hinzufügen und entfernen

$(&#39;#test option:selected&#39;).remove();

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

$(&#39;#test option:first&#39;).remove();、

//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();

//Beschriftung der ersten Gruppe abrufen

$(&#39;#test optgroup:eq(0)&#39;).attr(&#39;label&#39;);

//Wert der ersten Option unter der zweiten Gruppe abrufen

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

//select wird ausgewählt von Standard

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

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!

Stellungnahme:
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