jTemplatesを使用して、サーバーから返されたデータに基づいてフォームのいくつかの要素を作成しています。input
問題なくフィールドの値を設定できますが、ドロップダウン リストで選択した値を設定するのに問題があります。
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>