Lösung zum Auswählen und Abrufen des Werts des Dropdown-Felds „Auswählen“.

Das Problem mit dem Dropdown-Feld „Auswählen“ besteht darin, dass sich nach der Auswahl einer Option die Frontend-Anzeige ändert und ich wissen möchte, welche Option ausgewählt ist.

Das lässt sich leicht lösen:

wie folgt:

<div class="page-header">
<div class="form-horizontal">
<div class="control-label col-lg-0">
</div>
<div class="col-lg-2">
<select class="form-control" onchange="selectOnchang(this)">
<option>男装</option>
<option>女装</option>
<option>童装</option>
<option已通过审核商家</option>
</select>
</div>
</div>

JS:

function selectOnchang(obj){
//获取被选中的option标签选项
alert(obj.selectedIndex);
}

Hier werden Onchange und selectedIndex verwendet.

onchange-Ereignis tritt auf, wenn sich der Inhalt des Feldes ändert. Das

onchange-Ereignis kann auch verwendet werden, um Ereignisse nach Änderungen an Optionsfeldern und Kontrollkästchen auszulösen.

selectedIndex: Setzt die Indexnummer des ausgewählten Elements in der Dropdown-Liste oder gibt sie zurück.

Auf diese Weise wird das Änderungsereignis ausgelöst, wenn wir die Option ändern.
Auf diese Weise können wir nur ermitteln, welcher Artikel ausgewählt ist. Wenn wir welchen Artikel auswählen, müssen wir zu diesem Zeitpunkt spezielle Informationen senden.

<div class="page-header">
<div class="form-horizontal">
<div class="control-label col-lg-0">
</div>
<div class="col-lg-2">
<select class="form-control" onchange="selectOnchang(this)">
<option value="men">男装</option>
<option value="wemen">女装</option>
<option value="childe">童装</option>
<option value="yunfu">孕妇装</option>
</select>
</div>
</div>

Mit anderen Worten, wenn ich es auswähle, möchte ich den Wert erhalten. Was soll ich zu diesem Zeitpunkt tun?

Es gibt nur eine Methode, um dies zu erreichen, es sollte viele andere Methoden geben.

function selectOnchang(obj){
var value = obj.options[obj.selectedIndex].value;
alert(value);
}