Comment faire pour effacer le dropdownlist valeurs sur le bouton cliquez sur l'événement à l'aide de jQuery?

Comment faire pour effacer le dropdownlist valeurs sur le bouton cliquez sur l'événement à l'aide de jQuery?

  • Voulez-vous de les réinitialiser aux valeurs par défaut (en haut) de la valeur?
InformationsquelleAutor kumar | 2010-06-06
  1. 33

    Une courte alternative à la première solution donnée par la Russ Cam serait:

    $('#mySelect').val('');

    Cela suppose que vous voulez conserver la liste, mais faire en sorte qu'aucune option n'est sélectionnée.

    Si vous souhaitez choisir une valeur par défaut, il suffit de passer cette valeur à la place 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 pas le faire, il simpyl effacer la sélection. vous devez utiliser .empty() à la place
    InformationsquelleAutor user113716
  2. 53
    $('#dropdownid').empty();

    Qui va supprimer tous les <option> éléments en dessous de la liste déroulante de l'élément.

    Si vous voulez désélectionner les éléments sélectionnés, rendez-vous avec le code de Russ.

    • Comment puis-je obtenir toutes les options de retour après la définition de la liste déroulante vide, notez que la liste est remplie à partir de la base de données?
    • Si vous souhaitez restaurer exactement la même option, vous pouvez simplement le cache de ceux-ci. Comme, var $opts = $('select option').detach(); et puis vous pouvez l'insérer de nouveau ceux qui, plus tard avec $opts.appendTo('#selectID');
    • Je comment qui efface, mais dans mon cas, les options de sélection ont été renseignés à partir d'une base de données basée sur la sélection d'une autre liste déroulante. Alors, comment puis-je mettre la valeur par défaut du texte, car le texte par défaut est-il de la pré-ajaxing donc de parler de sorte que la source de la montre, mais l'ajax ne marche pas. Il suffit de le mettre $('#blarg').val('Default Text'); n'a pas fonctionné pour moi.
    InformationsquelleAutor jAndy
  3. 17

    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 que vous voulez dire cette).

    $('select').empty();

    Substitut select les plus appropriées sélecteur dans votre cas (cela peut être par id ou par classe CSS). En utilisant comme il est de réinitialiser tous les <select> éléments sur la page

    • seulement celui-ci fonctionne pour moi, l'autre la réponse ci-dessus ne fonctionne PAS.
    InformationsquelleAutor Russ Cam
  4. 0

    Si vous souhaitez réinitialiser le bootstrap de la page avec le bouton cliquez sur l'aide de jQuery :

    function resetForm(){
        var validator = $( "#form_ID" ).validate();
        validator.resetForm();
}

    À l'aide de code ci-dessus, vous devez également modifier le champ de la couleur rouge à la normale.

    Si vous souhaitez réinitialiser uniquement occupée de valeur :

    $("#form_ID")[0].reset();
    InformationsquelleAutor Prabhjyot Saini