javascript - Mercury - 如何设置选项元素的“选定”属性？

Question

如何使用Mercury / virtual-dom设置元素的selected属性？option

我尝试了以下方法，但没有selected属性出现在<option>：

h('select', {
  name: 'selectedRole', 
}, [
  h('option', {value: 'user', selected: true}, 'User'),
])

相反，它会导致：

<select name="selectedRole">
  <option value="user">User</option>
</select>

score 1 · Accepted Answer

经过一些测试，这似乎是它与 Mercury 的工作方式。当您设置selected为trueon 时option，即使该属性在 HTML 元素上不可见，它也会被选中。

但是，我只能让它在一个小演示中工作，而不是在我的完整应用程序中。因此，virtual-dom 中可能存在错误。

score 0 · Accepted Answer

    $("option[value='user']").attr('selected', true);

html5 datalist 标签的 list 属性也有这个问题。一种解决方法是使用 javascript 或 jquery 来动态分配此属性。

2 回答 2