Comment effacer les valeurs de liste déroulante sur un événement de clic de bouton à l'aide de jQuery?Comment effacer les valeurs de liste déroulante sur un événement de clic sur un bouton en utilisant jQuery?
Répondre
Une alternative plus courte à la première solution donnée par Russ Cam serait:
$('#mySelect').val('');
Cela suppose que vous souhaitez conserver la liste, mais faire de sorte qu'aucune option n'est sélectionnée.
Si vous souhaitez sélectionner une valeur par défaut particulière, transmettez simplement cette valeur au lieu d'une chaîne vide.
$('#mySelect').val('someDefaultValue');
ou de le faire par l'indice de l'option, vous pouvez faire:
$('#mySelect option:eq(0)').attr('selected','selected'); // Select first option
ce n'est pas correct. il veut effacer toutes les options. val (''); ne fait pas ça, il simpyl efface la sélection. vous devriez utiliser .empty() à la place – nights
$('#dropdownid').empty();
Cela supprimera tous les éléments <option>
sous l'élément déroulant.
Si vous souhaitez désélectionner les éléments sélectionnés, utilisez le code de Russ.
Comment puis-je récupérer toutes les options après avoir défini la liste déroulante à vide, notez que la liste déroulante est remplie à partir de la base de données? –
@Piyush: Si vous voulez restaurer exactement la même option, vous pouvez juste les mettre en cache. Comme, 'var $ opts = $ ('sélectionnez l'option'). Detach();' et ensuite vous pouvez réinsérer ceux-ci plus tard avec '$ opts.appendTo ('# selectID');' – jAndy
J'obtiens comment ça l'efface , mais dans mon cas, les options de sélection ont été remplies à partir d'une base de données basée sur la sélection d'une autre liste déroulante. Alors, comment puis-je mettre le texte par défaut, car le texte par défaut était là de pré-ajaxing pour ainsi dire la source le montre, mais l'ajax ne le fait pas. Il suffit de mettre '$ ('# blarg'). Val ('Default Text');' n'a pas fonctionné pour moi. –
Si vous souhaitez réinitialiser les options sélectionnées
$('select option:selected').removeAttr('selected');
Si vous voulez vraiment supprimer les options (bien que je ne pense pas vous dire).
$('select').empty();
suppléant select
pour le sélecteur le plus approprié dans votre cas (cela peut être par id ou par classe CSS). L'utilisation en l'état réinitialisera tous <select>
éléments sur la page
Si vous souhaitez réinitialiser la page d'amorçage avec le bouton clic en utilisant jQuery:
function resetForm(){
var validator = $("#form_ID").validate();
validator.resetForm();
}
aide Au-dessus du code, vous avez également changé la couleur du champ en rouge à la normale.
Si vous souhaitez réinitialiser seule valeur mis en service alors:
$("#form_ID")[0].reset();
- 1. Activer et désactiver la liste déroulante avec un clic sur un bouton en utilisant Javascript?
- 2. Comment sélectionner toutes les valeurs dans la liste déroulante en cliquant sur un bouton en utilisant jQuery?
- 3. comment obtenir toutes les valeurs de champ modifiables en utilisant jquery sur le bouton cliquez sur
- 4. Effacer le contenu sur un clic
- 5. JQuery/Javascript Effacer/Réinitialiser Liste déroulante Liste aux valeurs d'origine
- 6. Comment faire pour effacer le bouton Texte sur Effacer en utilisant JQuery
- 7. Comment faire pour supprimer les messages d'erreur de validation Jquery sur le clic du bouton Effacer
- 8. Comment prévenir événement jquery tirer sur une liste déroulante donné un événement est attaché
- 9. Comment déclencher un clic sur un bouton en utilisant jquery ou jscript?
- 10. Valeurs de colonne jquery sur clic
- 11. jquery - événement de clic
- 12. Jquery et déclencher un clic sur un bouton caché
- 13. Comment tester unitairement (en C#) un clic sur un bouton?
- 14. Lier un clic sur un bouton dynamique avec jQuery?
- 15. Créer une liste de diffusion asp.net avec un clic sur un événement double clic
- 16. comment trouver le second clic sur un bouton
- 17. Comment définir un événement sur l'élément parent en utilisant jQuery
- 18. Comment créer un événement double-clic personnalisé pour un bouton
- 19. Dans Titanium, comment exécuter un événement de clic sur un bouton à partir du code?
- 20. Effacer les valeurs de session sur un onglet fermer
- 21. sur événement clic sur .swf
- 22. JQuery: la liste déroulante en cascade perd des valeurs lorsque vous appuyez sur le bouton Précédent
- 23. Comment remplir une liste déroulante sur un événement souris avec jQuery?
- 24. Validation des résultats d'événement dans la perte d'un clic sur un événement dans Winforms
- 25. montrant le chargement d'images avant d'afficher un contrôle sur un événement de clic sur un bouton dans vb.net?
- 26. valeurs de liste déroulante en double sur le formulaire
- 27. Bouton Effacer sur UITextView
- 28. comment ajouter un événement double-clic sur une ligne de table en utilisant javascript?
- 29. Gestion des événements de clic sur un élément dans une zone de liste déroulante
- 30. Appel d'un événement de clic d'un bouton sur le serveur
Voulez-vous les remettre à la valeur par défaut (en haut)? –