Ausführliche Erläuterung, wie die Standardauswahl des Select-Tags festgelegt wird

Dieser Artikel teilt Ihnen hauptsächlich eine Optionsmethode zum Festlegen der standardmäßig ausgewählten Option des Select-Tags mit. Sie hat einen guten Referenzwert und ich hoffe, dass sie allen helfen kann.

Es gibt zwei Methoden.

Die erste Methode besteht darin, das ausgewählte Element über das Attribut festzulegen. Diese Methode kann die Ausgabeergebnisse nach Bedarf im Hintergrund in dynamischen Sprachen wie PHP steuern.

1 2 3 Die zweite Methode besteht darin, das ausgewählte Element über Front-End-JS zu steuern:

function change(){ document.getElementById("sel")[2].selected=true; } 1 2 3 Der JS-Code zum Abrufen des Texts des ausgewählten Elements im label ist:

var val = document.all.Item.options[document.all.Item.selectedIndex].text var i=document.getElementById( 'sel' ).options[document.getElementById( 'sel' ).selectedIndex].value; Einige andere Techniken zum Bedienen des -Tags sind wie folgt:

1) Select dynamisch erstellen

function createSelect(){ var mySelect = document.createElement( "select" ); mySelect.id = "mySelect" ; document.body.appendChild(mySelect); } 2) Add Option Option

function addOption(){ //根据id查找对象， var obj=document.getElementById( 'mySelect' ); //添加一个选项 obj.add( new Option( "文本" , "值" )); } 3) Alle Optionen löschen Option

function removeAll(){ var obj=document.getElementById( 'mySelect' ); obj.options.length=0; } 4) Eine Option Option löschen

function removeOne(){ var obj=document.getElementById( 'mySelect' ); //index,要删除选项的序号，这里取当前选中选项的序号 var index=obj.selectedIndex; obj.options.remove(index); } 5) Den Wert der Option Option abrufen

var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序号，取当前选中选项的序号 var val = obj.options[index].value; 6) Optionstext abrufen

var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序号，取当前选中选项的序号 var val = obj.options[index].text; 7) Optionsoption ändern

var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序号，取当前选中选项的序号 var val = obj.options[index]= new Option( "新文本" , "新值" ); 8) Auswahl löschen

function removeSelect(){ var mySelect = document.getElementById( "mySelect" ); mySelect.parentNode.removeChild(mySelect); } Verwandte Empfehlungen:

Wozu dienen Select-Tags in HTML?

JQuery zum Abrufen des Textinhalts mehrerer Select-Tag-Optionen (Beispiel )

js Detaillierte Erklärung, wie man den Wert des Select-Tags erhält