Detaillierte Erklärung der Single-Choice- und Multiple-Choice-Auswahl im HTML-Select-Tag

<Auswählen>
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</Auswählen>

<SELECT NAME="Studienzentrum" id="Studienzentrum" SIZE="1">
<OPTION VALUE="0">Alle
<OPTION VALUE="1">Online-Lernzentrum der Hubei TV University
<OPTION VALUE="2">Online-Lernzentrum der Chengdu Normal University
<OPTION VALUE="3">Online-Lernzentrum der Berufs- und Fachhochschule Wuhan
</AUSWÄHLEN>

//Wenn mehrere Attribute vorhanden sind, können Sie mehrere Elemente auswählen.
<select name= „Bildung“ id=“Bildung“ multiple=“mehrere“>
<option value=”1”>Gymnasium</option>
<option value=”2”>Universität</option>
<option value=”3”>Arzt</option>
</Auswählen>
// Unten gibt es kein Mehrfachattribut, es wird nur ein Element angezeigt, Mehrfachauswahl ist nicht zulässig
<select name= „Bildung“ id= „Bildung“ >
<option value=”1”>Gymnasium</option>
<option value=”2”>Universität</option>
<option value=”3”>Arzt</option>
</Auswählen>
//Im Folgenden ist das Größenattribut festgelegt. Wenn Größe = 3 ist, werden drei Daten angezeigt. Beachten Sie, dass Mehrfachauswahlen nicht zulässig sind.
<select name="Bildung" id="Bildung" size='3'>
<option value="0">Grundschule</option>
<option value="1">Mittelschule</option>
<option value="2">Gymnasium</option>
<option value="3">Technische Oberschule</option>
<option value="4">Hochschule</option>
<option value="5">Bachelorabschluss</option>
<option value="6">Studenten im Aufbaustudium</option>
<option value="7">Arzt</option>
<option value="8">Postdoktorand</option>
<Option ausgewählt>Bitte wählen</Option>
</Auswählen>

@param objSelectId Die ID der zu überprüfenden Zielauswahlkomponente
@param objItemValue Der Wert, dessen Existenz überprüft werden soll
Funktion istSelectItemExit(objSelectId,objItemValue) {
var objSelect = document.getElementById(objSelectId);
var isExit = false;
wenn (null != objSelect und Typ von (objSelect) != "nicht definiert") {
für(var i=0;i<objSelect.options.length;i++) {
wenn(objSelect.options[i].value == objItemValue) {
istExit = wahr;
brechen;
}
}
}
Rückgabewert istExit;
}

@param objSelectId Die ID der Zielauswahlkomponente, die dem Element hinzugefügt werden soll
@param objItemText Der Inhalt des hinzuzufügenden Elements
@param objItemValue Der Wert des hinzuzufügenden Elements
Funktion addOneItemToSelect(objSelectId,objItemText,objItemValue) {
var objSelect = document.getElementById(objSelectId);
wenn (null != objSelect und Typ von (objSelect) != "nicht definiert") {
// Bestimmen Sie, ob das Element dieses Wertes bereits in der Auswahl vorhanden ist
wenn(istSelectItemExit(objSelectId,objItemValue)) {
$.messager.alert('Eingabeaufforderung','Die Option mit diesem Wert existiert bereits!','info');
} anders {
var varItem = neue Option(objItemText,objItemValue);
objSelect.options.add(varItem);
}
}
}

@param objSelectId Die zu löschende Zielauswahlkomponenten-ID
Funktion removeSelectItemsFromSelect(objSelectId) {
var objSelect = document.getElementById(objSelectId);
var delNum = 0;
wenn (null != objSelect und Typ von (objSelect) != "nicht definiert") {
für(var i=0;i<objSelect.options.length;i=i+1) {
wenn(objSelect.options[i].selected) {
objSelect.options.entfernen(i);
delNum = delNum + 1;
= i - 1;
}
}
wenn (delNum <= 0 ) {
$.messager.alert('Eingabeaufforderung','Bitte wählen Sie die Option aus, die Sie löschen möchten!','info');
} anders {
$.messager.alert('Eingabeaufforderung','Optionen '+delNum+' erfolgreich gelöscht!','info');
}
}
}

@param objSelectId Die ID der zu überprüfenden Zielauswahlkomponente
@param objItemValue Der Wert, dessen Existenz überprüft werden soll
Funktion removeItemFromSelectByItemValue(objSelectId,objItemValue) {
var objSelect = document.getElementById(objSelectId);
wenn (null != objSelect und Typ von (objSelect) != "nicht definiert") {
//Beurteilen Sie, ob es existiert
wenn(istSelectItemExit(objSelect,objItemValue)) {
für(var i=0;i<objSelect.options.length;i++) {
wenn(objSelect.options[i].value == objItemValue) {
objSelect.options.entfernen(i);
brechen;
}
}
$.messager.alert('Eingabeaufforderung','erfolgreich gelöscht!','info');
} anders {
$.messager.alert('Eingabeaufforderung','die Option mit dem angegebenen Wert existiert nicht!','info');
}
}
}

@param objSelectId Die zu löschende Zielauswahlkomponenten-ID
Funktion ClearSelect (Objektauswahl-ID) {
var objSelect = document.getElementById(objSelectId);
wenn (null != objSelect und Typ von (objSelect) != "nicht definiert") {
für(var i=0;i<objSelect.options.length;) {
objSelect.options.entfernen(i);
}
}
}

@param objSelectId Zielauswahlkomponenten-ID
@return Die Werte aller Elemente in der Auswahl, durch Kommas getrennt
Funktion getAllItemValuesByString(objSelectId) {
var selectItemsValuesStr = "";
var objSelect = document.getElementById(objSelectId);
wenn (null != objSelect und Typ von (objSelect) != "nicht definiert") {
var Länge = objSelect.Optionen.Länge
für(var i = 0; i < Länge; i = i + 1) {
wenn (0 == i) {
: Wählen Sie die gewünschte Option aus.
} anders {
selectItemsValuesStr = selectItemsValuesStr + "," + objSelect.options[i].value;
}
}
}
gibt selectItemsValuesStr zurück;
}

@param fromObjSelectId Die ursprüngliche Select-Komponenten-ID des mobilen Elements
@param toObjectSelectId Die Zielauswahlkomponenten-ID, zu der das verschobene Element gehen soll
Funktion moveAllSelectedToAnotherSelectObject(vonObjSelectId, zuObjectSelectId) {
var objSelect = document.getElementById(fromObjSelectId);
var delNum = 0;
wenn (null != objSelect und Typ von (objSelect) != "nicht definiert") {
für(var i=0;i<objSelect.options.length;i=i+1) {
wenn(objSelect.options[i].selected) {
addOneItemToSelect(toObjectSelectId,objSelect.options[i].text,objSelect.options[i].value)
objSelect.options.entfernen(i);
= i - 1;
}
}
}
}

@param fromObjSelectId Die ursprüngliche Select-Komponenten-ID des mobilen Elements
@param toObjectSelectId Die Zielauswahlkomponenten-ID, zu der das verschobene Element gehen soll
Funktion moveAllToAnotherSelectObject(vonObjSelectId, zuObjectSelectId) {
var objSelect = document.getElementById(fromObjSelectId);
wenn (null != objSelect) {
für(var i=0;i<objSelect.options.length;i=i+1) {
addOneItemToSelect(toObjectSelectId,objSelect.options[i].text,objSelect.options[i].value)
objSelect.options.entfernen(i);
= i - 1;
}
}
}