如何在select元素中使用input元素？

Question

我正在尝试将input元素添加到select元素中。我的代码无效，如下所示;

<select size="<%= myCollection.length %>" id="functionList">               
    <% for(var i=0; i<myCollection.length; i++){ %>
        <option>
            <input class="myInput" id="<%= i %>" name="<%= myCollection[i].name %>"></input>
        </option>
    <% } %>
</select>

Answer 1

正如评论中所指出的，在input中拥有option并不是有效的HTML。

  

{{3}}

因此，您无法使用现有的HTML组件执行此操作 - 您需要创建自己的自定义组件并将其设置为看起来像下拉输入作为选项。

我也考虑了该组件的用户体验和可访问性。