Question

我正在使用this WC3学校自动完成输入框创建一个自动完成输入框，该框根据数组中的元素填充

但是，我还想对其进行一些修改，并添加一个按钮，如果单击该按钮，它将显示数组的所有元素。我已经尝试了一段时间，但是没有成功。

如果打开调试控制台，可以看到我正在成功创建下拉列表，但是无法将其追加到父元素上 HTML

<div class ="container-fluid">
   <div class ="row no-gutters">
         <label class ="col-md-4 col-sm-5 col-xs-12">Select Order</label>
         <div class ="col-md-4 col-sm-5 col-xs-12 mb-3">
            <div class="d-flex quantityReceived">
               <button type="button" class="btn btn-info changeValue" onclick="allOrderType()">Display All</button>
                <input name="order" class="typeahead orders form-control" type="text" id="allOrderType" aria-describedby="Incomplete Orders" placeholder="Incomplete Orders">
            </div>
         </div>
      </div>
</div>

JavaScript

 a = document.createElement("DIV");
        a.setAttribute("id", this.id + "autocomplete-list");
        a.setAttribute("class", "autocomplete-items");
        /*append the DIV element as a child of the autocomplete container:*/
        document.getElementById("allOrderType").parentNode.appendChild(a);

我制作了this码笔以测试全部显示按钮。我无法将下拉列表绑定到输入元素

自动填充下拉菜单，全选

0 个答案: