如何在选项选择上将“已选择”添加到“选择控制”选项

问题描述

我有一个函数，可以从页面中提取标题并将其作为选项添加到HTML select组件中。但是，我遇到了麻烦，使选定的项目成为选择器中显示的选定选项。如何以编程方式将“选定的”属性添加到选定的选项？

<SelectControl
   label="Select heading for jump link"
   value={jumpLink}
   id="selectheader"
   options={[jumpLink]}
   onChange={setJumpLink}
/>


let jumpLinkArray = [...document.querySelectorAll('.wp-block-heading')].map(item => 
item.innerText);
    const select = document.getElementById('selectheader');
    if (select && select.innerHTML) {
        select.innerHTML = '';
    }
    for (let i = 0; i < jumpLinkArray.length; i++) {
       let opt = jumpLinkArray[i];
       let el = document.createElement('option');
        el.textContent = opt;
        el.value = opt;
        select.appendChild(el);
    }
        

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）