как передать или преобразовать HTML <li>в HTML <datalist>

Question

У меня есть некоторый объект li в моем html-файле. Я хочу перенести те же элементы в html datalist в том же html-файле. Я работаю в приложении js express Framework, где данные из li поступают из sql databse

Iя пытался покрыть li внутри datalist, но это не сработало

<input type="text" id="txtAutoComplete" list="names"/><!--your input textbox-->
        <datalist id="names">
            <option>
            <% shipper_names.forEach((shipper_names, index)=>{%>
                <ul id="names">
                    <li>
                           <%= shipper_names.Shipper_Name%>
                    </li>
                </ul>
            <%})%>
            </option>
        </datalist>

ожидаемый результат - текстовое поле автозаполнения, но когда я попытался поместить переменную между тегом option из datalist, это не сработало, чем я попытался поместить li внутритег datalist тоже не работает, но когда я удалил тег списка datalist из списка html-файлов, он отлично отображается

Answer 1

<div>
            <input type="text" id="txtAutoComplete" list="names" />
            <!--your input textbox-->
            <datalist id="names">
                <% shipper_names.forEach((shipper_names, index)=>{%>
                <option id=<%= shipper_names.Shipper_ID%>>
                    <%= shipper_names.Shipper_Name%></option>
                <%})%>
            </datalist>
</div>

это работает правильно