Ich habe ein Optionsmenü wie das folgende:
<form name="AddAndEdit">
<select name="list" id="personlist">
<option value="11">Person1</option>
<option value="27">Person2</option>
<option value="17">Person3</option>
<option value="10">Person4</option>
<option value="7">Person5</option>
<option value="32">Person6</option>
<option value="18">Person7</option>
<option value="29">Person8</option>
<option value="28">Person9</option>
<option value="34">Person10</option>
<option value="12">Person11</option>
<option value="19">Person12</option>
</select>
</form>
Und jetzt möchte ich die ausgewählte Option mit einem href ändern. Beispielsweise:
<a href="javascript:void(0);"
onclick="document.getElementById('personlist').getElementsByTagName('option')[11].selected = 'selected';">change</a>
Aber ich möchte die Option mit value=11 (Person1)
nicht auswählen Person12
.
Wie ändere ich diesen Code?
javascript
html-select
breq
quelle
quelle
document.getElementById('personlist').value=id1,id2
funktioniert nicht, wie geht das?.value = id1, id2
oder.value = [array]
?var id = document.getElementById('personlist').value
. Ich habe in einer anderen Antwort verwendet, trotzdem danke!Tools als reiner JavaScript-Code für den Umgang mit Selectbox:
Grafisches Verständnis:
Aktualisiert - 25. Juni 2019 | Fiddler DEMO
JavaScript-Code:
quelle
Ich glaube, dass der Blog-Beitrag JavaScript-Anfänger - Wählen Sie eine Dropdown-Option nach Wert, könnte Ihnen helfen.
quelle
break
aus Ihrer Schleife herauskommen, sobald Sie den ausgewählten Wert gefunden haben. Spart Zeit, wenn die Liste lang ist und der Zielwert einer der ersten ist.Sie können das DOM-Attribut select.options.selectedIndex auch folgendermaßen ändern:
quelle
Wo
mySelect
befindet sich Ihr Auswahlfeld und inmyValue
welchen Wert möchten Sie es ändern?quelle
Sie können JQuery auch verwenden
quelle
document.querySelector('#personlist').value=10;
.Ein Array-Index beginnt bei 0. Wenn Sie den Wert = 11 (Person1) möchten, erhalten Sie ihn mit der Position
getElementsByTagName('option')[10].selected
.quelle
Wenn Sie die Option mit Javascript hinzufügen
quelle
Es ist ein alter Beitrag, aber wenn noch jemand nach einer Lösung für diese Art von Problem sucht, habe ich mir Folgendes ausgedacht:
quelle