我正在使用带有选项的本机选择来实现聚合物自定义元素。
<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
表示要在选择框中
选择的项目的 ID(1 表示第一个元素,2 表示第二个元素,依此类推)。
在创建选择框时,我想选择列表中的第 4 个元素。
问题是selectedId
获取元素的值(例如入场,警报等)而不是其id。
如何获取 id 而不是值?
更新预期结果(来自注释)
<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>
您可以使用函数来检查当前项目是否与实际选择的项目相同。
<option value="{{item}}" id="{{item}}" selected="{{isSelected(item)}}">
isSelected: function(item) {
console.log(item);
return item === this.selectedId;
}
https://jsfiddle.net/zkrb4jkz/