Mercury - Как установить свойство 'selected' элемента option?

Question

Как установить свойство selected элемента option с Mercury/virtual-dom?

Я попытался следующие, но на <option> не появляется selected свойство:

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

Вместо этого, он приводит следующее:

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

Answer 1

После некоторого тестирования, по-видимому, это как он работает с Меркурием. Когда вы устанавливаете selected на true на option, он становится выбранным, хотя свойство не отображается в элементе HTML.

Однако, я могу только заставить его работать в небольшой демонстрации, а не в моем полном приложении. Таким образом, в виртуальном доме может быть ошибка.

Answer 2

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

У меня также была эта проблема с атрибутом списка тегов html5 datalist. Один рабочий процесс - использовать javascript или jquery для динамического назначения этого атрибута.