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

Question

如何使用已选择 /虚拟域设置option元素的水星属性

我尝试了以下操作，但在selected上没有出现任何<option>属性

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

相反，它的结果是：

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

Answer 1

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

然而，我只能让它在一个小的演示中工作，而不是在我的整个应用程序中。因此，虚拟域中可能存在一个bug。

Answer 2

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

对于html5 datalist标记的list属性，我也遇到了这个问题。一个解决办法是使用javascript或jquery动态分配该属性。