Я использую jTemplates для создания нескольких элементов моей формы на основе данных, возвращаемых с сервера. Я могу установить значения полей input
без каких-либо проблем, но у меня возникли проблемы с настройкой выбранного значения выпадающего списка.Как установить выбранное значение выпадающего списка в jTemplate?
Я попытался использовать селектор jQuery, чтобы установить значение внутри самого шаблона, который не работал. Он просто добавил [object Object]
прямо над моим выпадающим. Я также пробовал использовать кучу {#if}
(см. Ниже), который также не работал.
Любые мысли?
Вызов jTemplate:
<script type="text/javascript">
$('#my_container').setTemplateURL("templates/MyTemplate.htm", [], { filter_data: false, runnable_functions: true }).processTemplate(data);
</script>
Мой упрощенный шаблон:
<table id="expense_table_{$T.ID}">
<tr>
<td width="80">
<input type="text" id="my_amount" class="amount numbersOnly" value="{$T.Amount}" />
</td>
<td width="180">
<select id="my_type" class="my-type">
{#if $T.MyTypeID == 1}
<option value="1" selected>Option 1</option>
{#else}
<option value="1">Option 1</option>
{#/if}
{#if $T.MyTypeID == 2}
<option value="2" selected>Option 2</option>
{#else}
<option value="2">Option 2</option>
{#/if}
{#if $T.MyTypeID == 3}
<option value="3" selected>Option 3</option>
{#else}
<option value="3">Option 3</option>
{#/if}
{#if $T.MyTypeID == 4}
<option value="4" selected>Option 4</option>
{#else}
<option value="4">Option 4</option>
{#/if}
</select>
</td>
</tr>
</table>