Полимерный нативный собственный элемент выбора

Question

Я реализую собственный пользовательский элемент, используя собственный выбор с параметрами.

<select id="selectbox" value="{{selectedId::change}}"> 
    <template is="dom-repeat" items="{{arrayItems}}" > 
    <option value="{{item}}" id="{{item}}">{{item}}</option> 
    </template> 
</select> 

https://jsfiddle.net/fiddle_gabriela/a58L52yh/2/

selectedId The представляет идентификатор элемента должен быть выбран в окне выбора
(1 для первого элемента, 2 для второго и т.д.).

При создании окна выбора я хотел бы выбрать 4-й элемент в списке.
Проблема заключается в том, что selectedId получает значение элемента (например, вход, предупреждение, ...), а не его идентификатор.

Как получить идентификатор вместо значения?

обновление ожидаемый результат (от комментариев)

<select> 
    <option value="admission">admission</option> 
    <option value="alert">alert</option> 
    <option value="bvt_sample">bvt_sample</option> 
    <option value="clinicalpath" selected > clinicalpath</option> 
</select> 

Answer 1

Вы можете использовать функцию для проверки, если текущий элемент является такой же, как тот, на самом деле выбрали.

<option value="{{item}}" id="{{item}}" selected="{{isSelected(item)}}"> 

isSelected: function(item) { 
    console.log(item); 
    return item === this.selectedId; 
} 

https://jsfiddle.net/zkrb4jkz/