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

Question

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

我尝试了以下操作，但selected上没有显示<option>属性：

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

相反，它导致了这个：

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

Answer 1

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

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

Answer 2

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

我也遇到过html5 datalist标签列表属性的问题。 一种解决方法是使用javascript或jquery来动态分配此属性。