如果满足特定条件，我正在尝试从下拉列表中选择第二个选项，但我遇到了问题 selectedIndex
<select id="contact" on-change="selectContact">
<option value="-1" selected>Select Contact</option>
<template is="dom-repeat" items="[[contacts]]" as="contact" index-as="index">
<option value="[[contact]]">[[contact]]</option>
</template>
</select>
<select id="name" on-change="selectName">
<option value="-1" selected>Select Name</option>
<template is="dom-repeat" items="[[names]]" as="name">
<option value="[[name]]">[[name]]</option>
</template>
</select>
...
selectContact() {
for (let i = 0; i < this.customerTable[0].length; i++) {
if(true) {
array[i] = this.customerTable[0][i]['name'];
}
}
this.names = this.$.util.utilFn(array);
if(this.names.length == 1) {
this.shadowRoot.querySelector('#name').selectedIndex = 2;
}
}
如何选择 dom-repeat 下拉列表的第二个孩子？
在 中selectContact()，您正在设置this.names（第二个<dom-repeat>.items绑定到的）并立即尝试<dom-repeat>在 DOM 实际更新之前选择其中的第一项。
Polymer.RenderStatus.afterNextRender()在选择项目之前，您实际上需要等到下一个渲染帧：
selectContact() {
this.names = ['John'];
if (this.names.length === 1) {
Polymer.RenderStatus.afterNextRender(this, () => {
this.shadowRoot.querySelector('#name').selectedIndex = 1;
});
}
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句