jquery 如何在HTML和CSS中仅使用select元素创建可搜索的Select下拉列表

o3imoua4 于 2023-04-29 发布在 jQuery

关注(0)|答案(1)|浏览(182)

我希望这个选择标记为可搜索
如何使这个选择标签可搜索？

<div>
    <select name="code" id="code">
        <option value="">Select Code...</option>
        <?php
        $rows = ["peter", "jones", "sakthi"];

        foreach ($row as $rows) {   ?>
            <option value="<?php echo htmlentities($row); ?>"><?php echo htmlentities($row); ?></option>
        <?php } ?>
    </select>
</div>

我试图改变这作为可搜索的，但我试图select2 CND它影响我以前的CSS。请给我一个代码。

jquery

来源：https://stackoverflow.com/questions/76092242/how-to-create-searchable-select-drop-down-in-html-and-css-using-only-a-select-el

1条答案

按热度按时间

l7wslrjt1#

如果没有Select 2/niceSelect，则无法使用。
但他们是一种将<select>放入datalist标记的方法。

试试下面的代码：

<label for="fruits">Select a fruit:</label>
<input type="text" id="fruits" list="fruitList">
<datalist id="fruitList">
    <select>
        <option value="Apple"></option>
        <option value="Banana"></option>
        <option value="Cherry"></option>
        <option value="Date"></option>
        <option value="Elderberry"></option>
        <option value="Fig"></option>
        <option value="Grape"></option>
    </select>
</datalist>

赞(0）回复(0）举报 2023-04-29

我来回答

jquery 如何在HTML和CSS中仅使用select元素创建可搜索的Select下拉列表

1条答案

试试下面的代码：

相关问题

热门标签

最新问答