jQueryテンプレートと選択...選択されたオプションを使用して選択プルダウンを作成する「タグ」方法？

StackOverflow https://stackoverflow.com/questions/4737503

  •  12-10-2019
  •  | 
  •  

質問

jQueryテンプレートを書く方法（テンプレートタグのみを使用して）を書くことができる方法を知っているかどうか疑問に思っていました。すでに2つのパラメーターを備えたオブジェクトがあります。オプションのキー/値リストと選択されたオプションです。さらに悪いことに、選択のインデックスがありませんが、オプション文字列のみがあります。 

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>
役に立ちましたか？

解決

選択したオプションに選択したプロパティをオプションリストの各オプションに追加し、選択したものに対して「selected = "selected"」を保存できます。次に、各オプションで次のようなものを出力できます。

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

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top