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

【问题标题】：Mercury - How do I set an option element's 'selected' property?Mercury - 如何设置选项元素的“选定”属性？
【发布时间】：2015-09-12 16:20:45
【问题描述】：

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

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

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

相反，它会导致：

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：