modèles et sélectionne jQuery ... façon « tag » de la production d'un menu déroulant de sélection avec une option choisie?

Question

Je me demandais si quelqu'un connaissait une façon que je pourrais écrire un modèle jQuery (en utilisant les balises de modèle uniquement) pour créer un menu déroulant choisissez une option sélectionnée. J'ai déjà un objet avec deux paramètres: la liste clé / valeur des options et l'option sélectionnée. Pour aggraver les choses: je n'ai pas l'indice de la sélection, je n'ai que la chaîne d'option.

var optionObj = { optionsList: jsonlist, selectedOption: selectedOptionText };

J'utilise KnockoutJS et il fonctionne très bien, mais (pour autant que je peux voir) il ne suport sélection d'options en fonction de la valeur de texte option.

Toutes les idées?

Je viens avec ce , mais peut-être il y a une meilleure façon?

<script id="tmplTextOptions" type="text/x-jquery-tmpl">
    {{each optionsList}}
        <option value="${Key}"
        {{if Value==selected}} selected="selected" {{/if}}
        >${Value}</option>
    {{/each}}
</script>

Answer 1

Vous pouvez ajouter une propriété sélectionnée à chaque option dans votre optionsList et magasin « selected = « selected » » pour celui qui est sélectionné. Ensuite, dans chaque option, vous pouvez afficher quelque chose de comme ceci:

<option value="${Key}" ${Selected}>${Value}</option>