2011-01-19 10 views
1

私はjQueryテンプレート(テンプレートタグのみを使用して)を書いて、選択されたオプションを使って選択プルダウンを作成する方法を知っていたのだろうかと思っていました。 私はすでに、オプションのキー/値リストと選択されたオプションの2つのパラメータを持つオブジェクトを持っています。 問題を悪化させるには:私は選択肢のインデックスを持っていない、私はオプション文字列を持っています。jQueryテンプレートと選択... "タグ"オプションを選択して選択プルダウンを生成する方法?

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

私はKnockoutJSを使用していると、それは素晴らしい作品が、オプションのテキスト値に基づいて(私の知る限り)それはセンターサポートしないオプション選択。

アイデア?

私はちょうどをこのと思いついたが、もっと良い方法があるだろうか?

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

答えて

1

optionsListの各オプションに選択したプロパティを追加し、選択したものに対して 'selected = "selected"'を格納できます。

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

+0

うん、いい考えかもしれません。そして、各オプションでは、このような出力に何かをすることができます。複数の選択肢もカバーします。 +1。唯一の欠点は、Webサービスを介してオプションリストに値を設定していることです。キー/値のペアだけが返されます。 3つの要素を含むモデル配列にする必要があります。おそらく大人ではないでしょう。 –

関連する問題