Ausführliche Erläuterung, wie die Standardauswahl des Select-Tags festgelegt wird-js-Tutorial-php.cn

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 Nach dem Login kopieren 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 Nach dem Login kopieren 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; Nach dem Login kopieren 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); } Nach dem Login kopieren 2) Add Option Option

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

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

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

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

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

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

function removeSelect(){ var mySelect = document.getElementById( "mySelect" ); mySelect.parentNode.removeChild(mySelect); } Nach dem Login kopieren 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