Comment attribuer une valeur vide pour sélectionnez le menu déroulant?

Cela fonctionne avec Google Chrome et IE mais pas avec Firefox. Pour certains, reaons, Chrome et IE permettent de la valeur à blanc pour être affecté même s'il ne fait pas partie de la liste déroulante de sélection.

document.getElementById('dropdownid').value = "";

Remarque que j'ai accès à jQuery, mais n'est pas faire ce que je voulais.

$("#dropdownid").val("");

Ci-dessus JQuery n'est pas définie à une valeur vide parce que la vierge ne fait pas partie de la liste déroulante des options. J'ai besoin d'assigner des "" à la liste déroulante selectedvalue en raison de la troisième partie du code legacy questions.

Une idée?

Pouvez-vous poster le code HTML que vous êtes en utilisant ce?
ce n'est pas une div. il est supposé être déroulante (select) contrôle
Si vous pouvez copier un exemple select de sortie pendant le fonctionnement du site, pour un JSfiddle, qui serait à l'aide de la maquette d'une solution et de tester sur plusieurs navigateurs 🙂 Utilisez google Chrome, inspecter l'élément option pour copier le code HTML 🙂
TrueBlueAussie: Désolé, lire "dropdowndiv" au lieu de "id" est, de mon erreur, je suis la suppression ci-dessus.. de toute façon, le code ci-dessus fonctionne sur tous les navigateurs pour moi.
C'est juste moi ou ce travail sur firefox jsfiddle.net/uvkv2b61/2 ?

OriginalL'auteur ove | 2014-09-25

  1. 8

    Réglage selectedIndex à -1 effacer la sélection.

    document.getElementById('dropdownid').selectedIndex = -1;
    cette réponse est la bonne, en dépit de ce que la personne pense, la définition de la valeur à une chaîne vide n'est pas réellement la valeur de l'sélectionnez une chaîne vide. Tout ce qu'il fait est réinitialisé à la valeur par défaut d'origine...
    Pas testé, mais d'après la MDN documentation, selectedIndex est en lecture seule pour HTMLSelectElements.
    testé et de travail sur Chrome et Firefox dernière
    n'est pas en lecture seule, selectedOptions est

    OriginalL'auteur Tetaxa

  2. 0

    Avez-vous essayé de l'onu-en sélectionnant les options dans le select?

    $("#dropdownid option").prop("selected", false);

    Pas testé, mais cela ne fonctionne pas car il n'y a pas une option blanc. Ce serait juste mis le premier élément de la liste sélectionné.
    ne fonctionne pas!
    vue Tetaxa réponse, c'est la bonne.

    OriginalL'auteur Sumit

  3. 0

    Ne pourriez-vous pas ajouter un blanc d'option pour la sélectionner avant de l'installer?

    var jqDropdown = $('#dropdownid');
if (!jqDropdown.find('option[value=""]').length) {
  jqDropdown.prepend($('<option value=""></option>'));
}
jqDropdown.val("");
    Probablement prepend même si, comme vous voulez le vide en premier dans la liste 🙂
    Downvotes sans raisons sont mauvaises. Vous devriez vous sentir mal.
    Que la voix est un peu injuste. Il peut ne pas être la meilleure option, mais c'est une réponse valable pour une liste non vide d'options (outre le besoin de réutiliser le sélecteur et de ne pas faire === 0).
    Pour ma propre édification, quel est le problème avec === 0? Je reçois l'efficacité de la question, mais peut-être pas une préoccupation de l'OP dans ce cas. Jamais optimiser avant qu'il est nécessaire. 🙂
    En jquery !$('#dropdownid option[value=""]').length est le "standard" de moyen de tester si il n'y avait "pas de" matchs. Que de l'efficacité, de la réutilisation d'un sélecteur est juste poser des erreurs de maintenance plus tard, devrait être une source de préoccupation pour tout le monde 🙂

    OriginalL'auteur Andy

  4. 0

    meilleur moyen est d'utiliser $("#dropdownid").html('');
    il rend la valeur null.

    C'est la seule réponse ici qui fonctionne lorsque l'sélectionnez ne pas avoir une option blanc, et dans les cas où une telle option n'est pas souhaitée. La seule autre façon est d'ajouter l'option blanc, comme Andy n'. Méfiez-vous que cette solution supprime les "options" de la sélection entièrement, mais plus tard, JS/Ajax, les appels peuvent repeupler la sélectionnez, si nécessaire.

    OriginalL'auteur aafaq ahmad

  5. 0

    2018 jQuery 3.2.1 réponse

    Si vous êtes le chaînage de méthodes sur un sélecteur jquery,
    $('#selectId').slideUp(600)[0].selectedIndex = -1 semble fonctionner (au moins dans google Chrome), mais dérange mon 'en tenir à une seule syntaxe/framework" de préférence.

    Cela fonctionne aussi:
    $('#selectId').slideUp(600).find('option[selected]').attr('selected', false);

    C'est un peu plus long, mais de choisir la saveur que vous préférez.

    OriginalL'auteur eon

  6. 0

    Vous pouvez essayer

    $(“#elementId”).val('');

    par exemple
    $(“#CountryDD”).val('');

    Je l'ai essayé personnellement et qu'il fonctionne

    OriginalL'auteur CodingSolutions