sélectionnez html montrent pas sélectionnée, même après avoir sélectionné la

J'ai un déroulante pays, et j'ai mis l'attribut sélectionné pour NOUS. Je peux voir clairement select="selected" dans l'OPTION de sélection de la valeur à NOUS dans firebug. Mais ni firefox ou chrome NOUS montre qu'elle est sélectionnée.
J'ai le code pour remplir & certains pays, comme suit.

var countryData = getCountryData();
var html = '<option value="">Select Country</option>'; 
$.each(countryData, function(key,value) {
    if(defaultValue == value.id)
    {
        html = html + '<option value="'+value.id+'" selected="selected">'+value.name+'</option>';
    }
    else
    {
        html = html + '<option value="'+value.id+'">'+value.name+'</option>';
    }
});
countryField.html(html);

Si il est vraiment possible pour une raison quelconque, navigateur pas montré sélectionnés même nous avons mis l'attribut sélectionné.

Mise à JOUR : Ok les gars, Comme je m'y attendais, il doit être une source de conflit par un autre code. Et c'est le cas . Je suis à l'aide de bootstrapValidator et un appel spécial "resetForm", qui a ce comportement. Cependant une chose que je ne comprends pas pourquoi encore sélectionnez html de firebug montré attribut sélectionné ? Mais à la fin j'ai placé ce code après resetForm appel. Merci à tous pour les suggestions & aider.

OriginalL'auteur kuldeep.kamboj | 2014-10-22

  1. 3

    vous n'avez pas besoin de définir selected="selected", selected lui-même est suffisant

    <option value="anything" selected>anything</option>

    Également à vérifier, est votre balisage HTML est correct. Vous êtes à la fermeture de la <option> with </value>. C'est faux, doit être <option></option>

    MODIFIER

    Si la solution ci-dessus ne fonctionne pas, vous pouvez l'installer à l'aide de JavaScript:

    document.getElementById("idOfSelect").selectedIndex = "1";//index starts from 0
    Hmm, je suis en utilisant la valeur au lieu de l'option. c'est stupide erreur, j'ai corrigé. Mais les résultats semble être la même qu'avant :(.
    pouvez-vous mettre à jour la question avec les derniers changements?
    cochez cette w3schools.com/tags/tryit.asp?filename=tryhtml_option_selected Il fonctionne très bien.
    Je sais que ce code devrait fonctionner. Mais il n'est pas le travail qui est une surprise pour moi. J'ai donc demandé si l'un des scénarios existe quand même définir l'attribut sélectionné fonctionne pas.
    il y aura une alternative à ce problème. J'ai mis à jour ma réponse, vérifiez qu'il.

    OriginalL'auteur Nishad K Ahamed

  2. 2

    Cela fonctionne pour moi mais vous pouvez essayer ceci:

    countryField.html(html).trigger('change');

    OriginalL'auteur xatzistnr

  3. 2

    J'ai eu ce problème particulier de la sélection multiple ne sélectionnant pas les valeurs sélectionnées. Ce que j'ai à faire est de sélectionner avec JS (j'ai jQuery dans mon application, de sorte que rend plus facile) comme suit:

    $('#select_element').find('option[selected="selected"]').each(function(){
    $(this).prop('selected', true);
});

    Je sais que c'est moche, et il devrait être évité, mais si rien ne fonctionne, cela fonctionne.

    OriginalL'auteur Gogol

  4. 1

    vous n'avez pas besoin selected="selected" juste valeur.id + ' selected>' + ...
    il convient également de ne pas
    enfin, vérifiez que 

    defaultValue == value.id

    dans le débogueur.

    J'ai essayé sélectionné avant. Qui n'était pas de travail.
    qui ressemble à une partie de mon commentaire ai effacé, un autre problème que vous avez est <option> </valeur> il faut <option> </option>

    OriginalL'auteur Andrew Luo