JS动态添加option和删除option(附实例代码)_javascript技巧
1.动态创建select
function createSelect(){
var mySelect = document.createElement("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}
2.添加选项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
function removeAll(){
var obj=document.getElementById('mySelect');
obj.options.length=0;
}
4.删除一个选项option
function removeOne(){
var obj=document.getElementById('mySelect');
//index,要删除选项的序号，这里取当前选中选项的序号
var index=obj.selectedIndex;
obj.options.remove(index);
}
5.获得选项option的值
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号，取当前选中选项的序号
var val = obj.options[index].value;
6.获得选项option的文本
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号，取当前选中选项的序号
var val = obj.options[index].text;
7.修改选项option
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号，取当前选中选项的序号
var val = obj.options[index]=new Option("新文本","新值");
8.删除select
function removeSelect(){
var mySelect = document.getElementById("mySelect");
mySelect.parentNode.removeChild(mySelect);
}
整个实例的完整代码如下：
改进版：在select中添加、修改、删除option元素
function watch_ini(){ // 初始
for(var i=0; i
word.text = arguments[i];
watch.keywords.add(word); // watch. is form name
}
}
function watch_add(f){ // 增加
var word = document.createElement("OPTION");
word.text = f.word.value;
f.keywords.add(word);
}
但上述 add() 方法只在IE下有效，为兼容FF和Opera，对上述代码进行了一下改进，改动后代码如下：
function watch_ini(){ // 初始
for(var i=0; i
document.getElementById("MySelect")[i]=oOption;
}
}
function watch_add(f){ // 增加
var oOption=new Option(f.word.value,f.word.value);
f.keywords[f.keywords.length]=oOption;
}
整个实例的完整代码如下：
用一个字符串创建一个数组方法:
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
Méthode de traitement asynchrone de la programmation simultanée Select Channels Go à l'aide de Golang
Sep 28, 2023 pm 05:27 PM
Méthode de traitement asynchrone de la programmation simultanée SelectChannelsGo à l'aide de golang Introduction : La programmation simultanée est un domaine important dans le développement de logiciels modernes, qui peut améliorer efficacement les performances et la réactivité des applications. Dans le langage Go, la programmation simultanée peut être implémentée de manière simple et efficace à l'aide des instructions Channels et Select. Cet article explique comment utiliser Golang pour les méthodes de traitement asynchrone de la programmation simultanée SelectChannelsGo et fournit des informations spécifiques.
Comment masquer l'élément select dans jquery
Aug 15, 2023 pm 01:56 PM
Comment masquer l'élément select dans jquery : 1. méthode hide(), introduisez la bibliothèque jQuery dans la page HTML, vous pouvez utiliser différents sélecteurs pour masquer l'élément select, le sélecteur ID remplace le selectId par l'ID de l'élément select que vous utilisez réellement ; 2. la méthode css(), utilisez le sélecteur d'ID pour sélectionner l'élément de sélection qui doit être masqué, utilisez la méthode css() pour définir l'attribut d'affichage sur aucun et remplacez selectId par l'ID de l'élément de sélection.
Que signifie l'option dans la documentation Linux ?
Mar 07, 2023 am 10:41 AM
Sous Linux, option fait référence à une option de commande, qui est un commutateur qui ajuste le comportement d'exécution de la commande. Autrement dit, différentes options déterminent les résultats d'affichage de la commande. Les options sont divisées en options longues et options courtes : 1. Les options courtes sont guidées par « - ». Lorsqu'il existe plusieurs options courtes, des espaces sont utilisés pour séparer chaque option ; 2. Les options longues sont des mots complets et ne peuvent généralement pas être combinées. .
Comment implémenter la liaison d'événement de changement d'éléments sélectionnés dans jQuery
Feb 23, 2024 pm 01:12 PM
jQuery est une bibliothèque JavaScript populaire qui peut être utilisée pour simplifier la manipulation du DOM, la gestion des événements, les effets d'animation, etc. Dans le développement Web, nous rencontrons souvent des situations dans lesquelles nous devons modifier la liaison d'événements sur des éléments sélectionnés. Cet article explique comment utiliser jQuery pour lier des événements de modification d'éléments sélectionnés et fournit des exemples de code spécifiques. Tout d'abord, nous devons créer un menu déroulant avec des options utilisant des étiquettes :
Quelle est la raison pour laquelle Linux utilise select ?
May 19, 2023 pm 03:07 PM
Étant donné que select permet aux développeurs d'attendre plusieurs tampons de fichiers en même temps, cela peut réduire le temps d'attente des E/S et améliorer l'efficacité des E/S du processus. La fonction select() est une fonction de multiplexage IO qui permet au programme de surveiller plusieurs descripteurs de fichiers et d'attendre qu'un ou plusieurs des descripteurs de fichiers surveillés deviennent « prêts » ; l'état dit « prêt » fait référence à : le fichier ; Le descripteur n'est plus bloqué et peut être utilisé pour certains types d'opérations d'E/S, y compris les opérations en lecture, en écriture et les exceptions. select est une fonction informatique située dans le fichier d'en-tête #include. Cette fonction est utilisée pour surveiller les modifications des descripteurs de fichiers - lecture, écriture ou exceptions. 1. Introduction à la fonction de sélection La fonction de sélection est une fonction de multiplexage IO.
Comment utiliser la syntaxe select de MySQL
Jun 01, 2023 pm 07:37 PM
1. Les mots clés dans les instructions SQL ne sont pas sensibles à la casse. SELECT équivaut à SELECT et FROM équivaut à from. 2. Pour sélectionner toutes les colonnes de la table des utilisateurs, vous pouvez utiliser le symbole * pour remplacer le nom de la colonne. Syntaxe - ceci est un commentaire - interrogez [toutes] les données de la [table] spécifiée par FEOM * signifie [toutes les colonnes] SELECT*FROM - interrogez les données spécifiées de la [table] spécifiée à partir des données FROM. nom de colonne (champ) SELECT nom de colonne FROM instance de nom de table - Remarque : utilisez des virgules anglaises pour séparer plusieurs colonnes selectusername, passwordfrom
Implémenter l'optimisation des performances de programmation simultanée Select Channels Go via Golang
Sep 27, 2023 pm 01:09 PM
Implémentation de SelectChannels via golang Optimisation des performances de la programmation simultanée Go Dans le langage Go, il est très courant d'utiliser goroutine et canal pour implémenter la programmation simultanée. Lorsqu'il s'agit de plusieurs canaux, nous utilisons généralement des instructions select pour le multiplexage. Cependant, dans le cas d'une concurrence à grande échelle, l'utilisation d'instructions select peut entraîner une dégradation des performances. Dans cet article, nous présenterons quelques implémentations de select via golang
Programmation simultanée Select Channels Go pour la fiabilité et la robustesse à l'aide de Golang
Sep 28, 2023 pm 05:37 PM
Sélectionnez des canaux pour la fiabilité et la robustesse à l'aide de Golang Introduction à la programmation simultanée : dans le développement de logiciels modernes, la concurrence est devenue un sujet très important. L'utilisation de la programmation simultanée peut rendre les programmes plus réactifs, utiliser les ressources informatiques plus efficacement et être mieux à même de gérer des tâches informatiques parallèles à grande échelle. Golang est un langage de programmation simultanée très puissant. Il fournit un moyen simple et efficace de mettre en œuvre la programmation simultanée via des coroutines go et des mécanismes de canal.
