如何将html <li>传输或转换为html <datalist>

Question

我在html文件中的li中有一些对象，我想将相同项目的相同项目传输到html数据列表中，我正在节点js express框架应用程序中工作，其中li的数据来自sql databse

我已经尝试在数据列表中添加li，但是没有用

<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>

预期的结果是一个自动完成的文本框，但是当我尝试将变量放在数据列表的选项标签之间时，它不起作用，而当我尝试将li放入数据列表的标签中时，它也不起作用，但是当我从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>

这正常工作