comment faire pour “réinitialiser” une zone de liste déroulante à l'aide de jquery

j'ai un sélectionnez le menu déroulant sur une page web:

<select class="designs" id="color" name="Color">
 <option value="">Select Color . . .</option>
 <option value="Dark">Dark</option>
 <option value="White">White</option>
 <option value="Light">Light</option>
</select>

et je suis en train d'essayer de trouver le bon code jquery pour sélectionner la première entrée sur la zone de liste déroulante (l'une avec option value ="" et le texte de "Sélectionner une Couleur . . ." (c'est le paramètre qui est sur la page en cours de chargement initial avant que l'utilisateur apporte des modifications)

Je suis en train de faire cela sur un bouton, cliquez sur le lien qui dit "Reset".

OriginalL'auteur leora | 2011-10-15

  1. 10

    Vous pouvez utiliser le .val() fonction. Et parce que la valeur de l'élément que vous souhaitez présélectionner est vide, vous passez une chaîne vide:

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

    OriginalL'auteur Darin Dimitrov

  2. 5
    $('#color option:first-child').attr("selected", "selected");

$('#color')[0].selectedIndex = 0;

    OriginalL'auteur Jakub Konecki

  3. 2

    Vous pouvez utiliser le .fonction empty() pour désactiver l'option de la liste déroulante.

     $('#color').empty();

    OriginalL'auteur Its Aafrin