plantillas y selecciona jQuery ... camino “etiqueta” de producir un selecto menú desplegable con la opción seleccionada?

Question

Me preguntaba si alguien sabía de una manera que podría escribir una plantilla de jQuery (usando etiquetas de plantilla solamente) para crear un selecto tirón hacia abajo con una opción seleccionada. Ya tengo un objeto con dos parámetros: la lista de claves / valor de las opciones y la opción seleccionada. Para empeorar las cosas: no tengo el índice de la selección, sólo tengo la cadena de opciones.

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

He estado usando KnockoutJS y funciona muy bien, pero (por lo que puedo ver) no lo hace la selección de opciones suport basado en el valor de texto opción.

¿Alguna idea?

Sólo vine con este , pero tal vez hay una manera mejor?

<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

Se podría añadir una propiedad seleccionada para cada opción en su optionsList y almacenar 'selected = 'selected'' para el seleccionado. Luego, en cada opción que puede dar salida a algo como esto:

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