Explication détaillée de la façon de définir la sélection par défaut de la balise select

Cet article partage principalement avec vous une méthode d'option pour définir l'option sélectionnée par défaut de la balise select. Il a une bonne valeur de référence et j'espère qu'il pourra aider tout le monde.

Il existe deux méthodes.

La première méthode consiste à définir l'élément sélectionné via l'attribut . Cette méthode peut contrôler les résultats de sortie selon les besoins en arrière-plan dans des langages dynamiques tels que PHP.

1 2 3 La deuxième méthode consiste à contrôler l'élément sélectionné via le front-end js :

function change(){ document.getElementById("sel")[2].selected=true; } 1 2 3 Le code js pour obtenir le texte de l'élément sélectionné dans le fichier label est :

var val = document.all.Item.options[document.all.Item.selectedIndex].text var i=document.getElementById( 'sel' ).options[document.getElementById( 'sel' ).selectedIndex].value; Certaines autres techniques pour utiliser la balise sont les suivantes :

1) Créer dynamiquement select

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

function addOption(){ //根据id查找对象， var obj=document.getElementById( 'mySelect' ); //添加一个选项 obj.add( new Option( "文本" , "值" )); } 3) Supprimer toutes les options option

function removeAll(){ var obj=document.getElementById( 'mySelect' ); obj.options.length=0; } 4) Supprimer une option option

function removeOne(){ var obj=document.getElementById( 'mySelect' ); //index,要删除选项的序号，这里取当前选中选项的序号 var index=obj.selectedIndex; obj.options.remove(index); } 5) Obtenir la valeur de l'option option

var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序号，取当前选中选项的序号 var val = obj.options[index].value; 6) Obtenir le texte de l'option

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

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

function removeSelect(){ var mySelect = document.getElementById( "mySelect" ); mySelect.parentNode.removeChild(mySelect); } Recommandations associées :

Quelles sont les utilisations des balises de sélection en HTML

JQuery pour obtenir le contenu textuel de plusieurs options de balises de sélection (exemple )

js Explication détaillée de la façon d'obtenir la valeur de la balise select