interface Web
js tutoriel
Une brève discussion sur l'objet Option dans le menu déroulant_compétences javascript
Une brève discussion sur l'objet Option dans le menu déroulant_compétences javascript
1. Créer un objet Option
1.1 var optionEle1 = document.createElement('option');
1.2 var optionEle2 = new Option(text, value, defaultSelected, selected);
Attribut 2.options
2.1 select.options renvoie une collection d'objets Option sous la balise select
3. Effacez le menu déroulant
3.1 Utilisez la boucle for pour supprimer, faites attention aux changements dynamiques de la longueur du tableau
3.2 select.options.length = 0;
4. Candidature
<html>
<head>
<script language="javascript">
function number(){
var obj = document.getElementById("mySelect");
//obj.options[obj.selectedIndex] = new Option("我的吃吃","4");//在当前选中的那个的值中改变
//obj.options.add(new Option("我的吃吃","4"));再添加一个option
//alert(obj.selectedIndex);//显示序号，option自己设置的
//obj.options[obj.selectedIndex].text = "我的吃吃";更改值
//obj.remove(obj.selectedIndex);删除功能
}
</script>
</head>
<body>
<select id="mySelect">
<option>我的包包</option>
<option>我的本本</option>
<option>我的油油</option>
<option>我的担子</option>
</select>
<input type="button" name="button" value="查看结果" onclick="number();">
</body>
</html>
1. Créer dynamiquement une sélection
function createSelect(){
var mySelect = document.createElement("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}
2. Ajouter une option
function addOption(){
//根据id查找对象，
var obj=document.getElementById('mySelect');
//添加一个选项
obj.add(new Option("文本","值")); //这个只能在IE中有效
obj.options.add(new Option("text","value")); //这个兼容IE与firefox
}
3. Option Supprimer toutes les options
function removeAll(){
var obj=document.getElementById('mySelect');
obj.options.length=0;
}
4. Supprimer une option
function removeOne(){
var obj=document.getElementById('mySelect');
//index,要删除选项的序号，这里取当前选中选项的序号
var index=obj.selectedIndex;
obj.options.remove(index);
}
5. Obtenez la valeur de l'option
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号，取当前选中选项的序号
var val = obj.options[index].value;
6. Obtenez 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);
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html">
<head>
<script language=JavaScript>
function $(id)
{
return document.getElementById(id)
}
function show()
{
var selectObj=$("area")
var myOption=document.createElement("option")
myOption.setAttribute("value","10")
myOption.appendChild(document.createTextNode("上海"))
var myOption1=document.createElement("option")
myOption1.setAttribute("value","100")
myOption1.appendChild(document.createTextNode("南京"))
selectObj.appendChild(myOption)
selectObj.appendChild(myOption1)
}
function choice()
{
var index=$("area").selectedIndex;
var val=$("area").options[index].getAttribute("value")
if(val==10)
{
var i=$("context").childNodes.length-1;
var remobj=$("context").childNodes[i];
remobj.removeNode(true)
var sh=document.createElement("select")
sh.add(new Option("浦东新区","101"))
sh.add(new Option("黄浦区","102"))
sh.add(new Option("徐汇区","103"))
sh.add(new Option("普陀区","104"))
$("context").appendChild(sh)
}
if(val==100)
{
var i=$("context").childNodes.length-1;
var remobj=$("context").childNodes[i];
remobj.removeNode(true)
var nj=document.createElement("select")
nj.add(new Option("玄武区","201"))
nj.add(new Option("白下区","202"))
nj.add(new Option("下关区","203"))
nj.add(new Option("栖霞区","204"))
$("context").appendChild(nj)
}
}
function calc()
{
var x=$("context").childNodes.length-1;
alert(x)
}
function remove()
{
var i=$("context").childNodes.length-1;
var remobj=$("context").childNodes[i];
remobj.removeNode(true)
}
</script>
<body>
<div id="context">
<select id="area" on
change="choice()">
</select>
</div>
<input type=button value="显示" onclick="show()">
<input type=button value="计算结点" onclick="calc()">
<input type=button value="删除" onclick="remove()">
</body>
</html> Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Comment créer un menu déroulant dans le tableau WPS
Mar 21, 2024 pm 01:31 PM
Comment créer le menu déroulant du tableau WPS : Après avoir sélectionné la cellule dans laquelle vous souhaitez définir le menu déroulant, cliquez successivement sur "Données", "Validité", puis effectuez les réglages correspondants dans la boîte de dialogue contextuelle. pour dérouler notre menu. En tant que logiciel bureautique puissant, WPS a la capacité d'éditer des documents, des tableaux de données statistiques, etc., ce qui offre beaucoup de commodité à de nombreuses personnes qui ont besoin de traiter du texte, des données, etc. Afin d'utiliser habilement le logiciel WPS pour nous offrir beaucoup de commodité, nous devons être capables de maîtriser diverses opérations très basiques du logiciel WPS. Dans cet article, l'éditeur partagera avec vous comment utiliser le logiciel WPS. opérations du menu déroulant dans le tableau WPS qui apparaît. Après avoir ouvert le formulaire WPS, sélectionnez d'abord le
Comment ajouter des bordures de page artistiques dans Microsoft Word
Apr 27, 2023 pm 08:25 PM
Êtes-vous fatigué de voir tout le temps les bordures noires traditionnelles sur vos documents Word ? Cherchez-vous des moyens d'ajouter des bordures colorées et artistiques à vos documents pour les rendre plus attrayants et amusants ? Que diriez-vous d’ajouter différentes bordures artistiques à différentes pages de votre document Word ? Ou appliquer une seule bordure artistique à toutes les pages du document à la fois ? Je sais que vous êtes aussi enthousiasmé que nous par toute cette histoire de frontières artistiques ! Accédez directement à cet article pour apprendre à appliquer avec succès des bordures artistiques aux documents Word. Partie 1 : Comment appliquer la même bordure de page artistique à toutes les pages d'un document Word Étape 1 : Ouvrez le document Word et cliquez sur l'onglet « Conception » dans le ruban supérieur. Choisissez dans DESIGN
Comment imprimer un document Word sans commentaires
Apr 18, 2023 pm 02:19 PM
Avec Microsoft Word, les commentaires sont importants, surtout lorsque le document est partagé entre plusieurs personnes. Chacun peut ajouter quelque chose au contenu du document à travers ses commentaires, et il est très important de conserver ces commentaires pour référence future. Mais quand on a besoin d’imprimer un document, a-t-on vraiment besoin d’imprimer des commentaires ? Dans certains cas, oui. Mais dans d’autres cas, c’est un grand non ! Dans cet article, nous expliquons à travers 2 solutions différentes comment imprimer facilement un document Word sans imprimer les commentaires dessus. N'oubliez pas que les commentaires sont uniquement masqués et ne seront pas supprimés. Par conséquent, vous ne risquez absolument aucune partie de votre document ici en l’imprimant sans commentaire. J'espère que ça vous plaira ! Solution 1 : Réussir
5 façons (et correctifs) de redimensionner votre écran pour surveiller sous Windows 11
Apr 14, 2023 pm 03:28 PM
En raison des récentes améliorations apportées à travers le monde, les pièces détachées pour PC sont désormais disponibles au PDSF, ce qui a incité de nombreux utilisateurs à enfin construire le PC de leurs rêves. Construire un PC peut présenter des défis, et l'une des tâches consiste à adapter votre écran à celui de votre moniteur. Si vous ne parvenez pas à installer un écran sur votre moniteur sous Windows 11, voici tout ce que vous devez savoir. Commençons. Comment ajuster votre écran pour la surveillance sous Windows 11 de 5 manières Pour adapter votre écran à votre moniteur, vous pouvez ajuster la résolution, la mise à l'échelle ou les paramètres de sortie d'affichage en fonction de vos paramètres actuels. Nous vous recommandons d'essayer de redimensionner la résolution pour conserver la qualité visuelle et le dpi. Cependant, si cela ne fonctionne pas pour vous, vous pouvez essayer
Comment définir la transparence des images dans Google Slides ?
Apr 25, 2023 pm 06:52 PM
Comment modifier la transparence d'une image dans Google Slides Google Slides vous permet d'apporter de petites modifications à vos images. Vous pouvez utiliser le menu Options de format dans Google Slides pour modifier le niveau de transparence de toute image que vous insérez. Pour rendre une image transparente à l'aide du menu Options de format de Google Slides : ouvrez votre présentation Google Slides existante ou créez-en une nouvelle. Sélectionnez une image existante sur l'une des diapositives de votre présentation. Vous pouvez également ajouter une image en appuyant sur Insérer > Image et en sélectionnant l'une des options de téléchargement. Après avoir sélectionné l'image, appuyez sur le bouton Options de format dans la barre d'outils. Vous pouvez également cliquer avec le bouton droit sur l’image et sélectionner les options de format. Menu Options de formatage
Implémentez l'effet de menu déroulant dans l'applet WeChat
Nov 21, 2023 pm 03:03 PM
Pour implémenter l'effet de menu déroulant dans les mini-programmes WeChat, des exemples de code spécifiques sont nécessaires. Avec la popularité de l'Internet mobile, les mini-programmes WeChat sont devenus une partie importante du développement d'Internet, et de plus en plus de gens ont commencé à y prêter attention et à y prêter attention. utilisez les mini-programmes WeChat. Le développement de mini-programmes WeChat est plus simple et plus rapide que le développement d'applications traditionnelles, mais il nécessite également la maîtrise de certaines compétences en développement. Dans le développement des mini-programmes WeChat, les menus déroulants sont un composant courant de l'interface utilisateur, permettant une meilleure expérience utilisateur. Cet article présentera en détail comment implémenter l'effet de menu déroulant dans l'applet WeChat et fournira des informations pratiques.
Comment utiliser les sous-titres en direct à l'échelle du système sous Windows 11
May 02, 2023 pm 01:19 PM
Les capacités et fonctionnalités d’accessibilité de Windows se sont développées lentement. La mise à jour Windows 1122H2 apporte un certain nombre de nouvelles fonctionnalités, notamment la possibilité d'utiliser des sous-titres en direct à l'échelle du système sur votre système. Il s’agit d’une fonctionnalité très demandée, d’autant plus que d’autres plateformes ont commencé à l’inclure l’année dernière. Apprenons-en plus. Que sont les sous-titres en direct à l’échelle du système dans Windows 11 ? Comme leur nom l'indique, les sous-titres en direct à l'échelle du système vous aident à générer des sous-titres pour tout fichier audio actuellement lu sur votre système. Il s'agit d'une fonctionnalité d'accessibilité importante pour les utilisateurs malentendants et peut également être utilisée pour générer des sous-titres dans des applications non prises en charge. Vous pouvez également utiliser des sous-titres en direct pour transcrire des fichiers audio et créer des
Comment créer une liste déroulante avec des symboles dans Excel
Apr 14, 2023 am 09:04 AM
Créer une liste déroulante dans une feuille de calcul Excel est simple, à condition qu'il s'agisse d'un menu déroulant standard. Mais que se passe-t-il si vous devez le rendre spécial en ajoutant un symbole spécial, ou le rendre encore plus spécial en ajoutant du texte ainsi que des symboles ? Ok, cela semble intéressant, mais vous vous demandez si cela est possible ? Quelle est la réponse que vous ne connaissez pas lorsque Geek Page est là pour vous aider ? Cet article concerne la création de menus déroulants avec des symboles ainsi que des symboles et du texte. J'espère que vous avez apprécié la lecture de cet article ! Lisez également : Comment ajouter un menu déroulant dans Microsoft Excel Partie 1 : Créer une liste déroulante avec des symboles uniquement Pour créer un menu déroulant avec des symboles, nous devons d'abord créer la source
