2011-01-19 56 views
1

我想知道是否有人知道我可以寫一個jQuery模板(只使用模板標籤)來創建一個選擇下拉選擇一個選項的方式。 我已經有一個有兩個參數的對象:選項的鍵/值列表和選定的選項。 更糟糕的是:我沒有選擇的索引,我只有選項字符串。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和存儲「選擇=‘選擇’」選定一個每個選項。然後,在每個選項可以輸出是這樣的:

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

+0

是啊,這可能是一個好主意。它也會覆蓋多個選擇。 +1。唯一的缺點是我通過Web服務填充選項列表,並且它只返回一個鍵/值對。將不得不使它成爲一個包含三個元素的模型數組。可能不是一個biggie。 – 2011-01-19 17:59:47