Question

我有一个select，它使用jsViews绑定到服务器的某些值。我已成功设法显示选项，但我希望能够跟踪并将select选项设置为我的JavaScript对象中的值。这是我的代码：

<select id="albumChoice" data-link="selectedAlbum">
    <option value="-">Please select</option>
    {^{for albums}}
    <option data-link="{value{:id} text{:name}} selected{:selectedAlbum}}"></option>
    {{/for}}
</select>

完整的示例代码就在这个小提琴中：http://jsfiddle.net/4ZevT/

正如您所看到的，我尝试使用选定的{：selectedAlbum}，但这并没有做任何事情。我必须做什么才能在页面加载到服务器的值时自动设置该选项。

Answer 1

这里有一个例子：

http://www.jsviews.com/#jsvplaying。（请参阅本节末尾： 示例： 数据链接到<select> ...等等...... ）

我在这里更新了你的小提琴：http://jsfiddle.net/4ZevT/2/

<option...上的数据链接语法有一些错误。我将其更新为：

<option data-link="value{:id} {:name} selected{:id == ~root.selectedAlbum}"></option>

所选的绑定需要布尔值，而不是数字......

我必须设置selected{:id == ~root.selectedAlbum}而不是selected{:id === ~root.selectedAlbum}，因为您正在为您的ID使用数字值。如果您将其更改为字符串，则可以切换到===。

jsViews - 如何从数据中设置所选选项

1 个答案: