Maison >interface Web >js tutoriel >Méthode JavaScript pour supprimer dynamiquement les zones de liste skills_javascript skills

Méthode JavaScript pour supprimer dynamiquement les zones de liste skills_javascript skills

WBOYoriginal: 2016-05-16 15:45:291333parcourir

L'exemple de cet article décrit la méthode de suppression dynamique des valeurs de zone de listeen JavaScript. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Utilisez JavaScript pour supprimer dynamiquement les valeurs dans la zone de liste. Dans l'application réelle, l'effet peut être plus compliqué. Il s'agit simplement d'une unité fonctionnelle de base, et beaucoup sont développées sur cette base. Supprimer" pour supprimer la liste. Supprimez les valeurs de la case une par une, en ne laissant qu'une seule donnée.

La capture d'écran de l'effet en cours d'exécution est la suivante :

Le code spécifique est le suivant :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>删除选项</title>
<style>
<!--
form{padding:0px; margin:0px; font:14px Arial;}
p{margin:0px; padding:3px;}
input{margin:0px; border:1px solid #000000;}
-->
</style>
<script language="javascript">
function RemoveOption(Box,iNum){
 var oForm = document.forms["myForm1"];
 var oBox = oForm.elements[Box];
 oBox.options[iNum] = null; 
}
</script>
</head>
<body>
<form method="post" name="myForm1">
球类：
<p>
<select id="ball" name="ball" multiple="multiple">
 <option value="Football">足球</option>
 <option value="Basketball">篮球</option>
 <option value="Volleyball">排球</option>
</select>
</p>
<input type="button" value="删除" onclick="RemoveOption('ball',1);" />
</form>
</body>
</html>

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Utiliser JavaScript pour implémenter les compétences urlencode et urldecode de PHP_javascriptArticle suivant：Utiliser JavaScript pour implémenter les compétences urlencode et urldecode de PHP_javascript

Articles Liés

Voir plus