Utilisation des sélecteurs et la fonction vide jQuery , il est simple d'écrire le code que vous devez effacer un menu déroulant. JQuery est une bibliothèque JavaScript open source abord publié en 2006 , avec mises à jour régulières depuis à ajouter de nouvelles fonctionnalités . JQuery , il est facile de créer des interactions complexes sur une page Web avec un minimum de code, en utilisant les sélecteurs de traiter n'importe quel élément sur ​​la page. Dans les coulisses , jQuery transforme le simple code court dans le code plus complexe nécessaire pour réaliser la tâche demandée . Instructions
1

Ouvrez un navigateur Web et accédez au site Web jQuery ( jquery.com ) . Sélectionnez la dernière version de production en utilisant les cases à cocher en haut à droite de la page d'accueil jQuery. Cliquez sur le bouton "Télécharger jQuery " et enregistrez le fichier dans un répertoire dans la copie locale de votre site web. Téléchargez le fichier jQuery pour votre serveur Web en utilisant une application FTP.
2

Ouvrez un éditeur de texte ou une application de conception de sites Web et de créer une nouvelle page HTML. Ajoutez la ligne suivante entre le " " HTML " et " balises en haut de la page pour inclure la bibliothèque jQuery.

< Script type = " text /javascript" src = " /jquery/jquery-1.6.2.min.js "> Photos

changer le chemin dans l'attribut src de script pour correspondre au nom du répertoire sur votre serveur , et la version de jQuery que vous avez téléchargé .

3

Ajoutez le code suivant entre le HTML " body " et " " tags.

Photos

1 Photos

d'option> value="2"> 2 Photos

Photos

Photos

Cela ajoute un formulaire HTML à la page contenant un menu déroulant avec deux options d'exemple. Le formulaire contient également un bouton que l' utilisateur peut cliquer pour effacer le menu déroulant
4

Ajoutez le code suivant à l'intérieur de la balise d'entrée HTML pour le bouton, après l'attribut de valeur: .

onclick = " $ ('# myDropdown ') empty () ; ".

JavaScript s'exécute lorsque l' utilisateur clique sur le bouton , en utilisant le cas des boutons onclick . La première partie du code avant que les références de l'époque le menu déroulant avec l'id myDropdown , en utilisant le système sélecteur jQuery. La fonction vide jQuery supprime tous les nœuds enfants de l'élément sélectionné. Cela supprime toutes les options imbriquées dans la balise select de la liste déroulante avec l'id myDropdown , dégageant instantanément le menu déroulant.
5

Enregistrez la page sous exemple.htm et enregistrer à la racine répertoire du site . Téléchargez la page sur votre serveur Web en utilisant une application FTP , puis ouvrez la page dans votre navigateur. Initialement, le menu déroulant contient les deux options d'exemple. Cliquez sur le bouton "Effacer" pour effacer le menu déroulant .