Question

如何在选择下拉菜单中同时搜索和写入一般来说，选择下拉菜单我们不能写在一边有没有一种方法我可以用它来写这个下拉菜单里面，如果它包含一个类似的单词出现在输入过程中，如果不是我可以继续写入并将此信息保存到数据库

<select name='Name'>
<option value=""></option>
<option value="Mark">Mark</option>
<option value="alin">alin</option>
</select>

在这个例子中，如果我写出标记标记出现，我选择它在我写sami我没有这个名字我可以写和提交我的表格，它将在数据库中

Answer 1

您可以使用：

<html>
    <head>
        <script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
        <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css" rel="stylesheet" />
        <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                var country = ["Australia", "Denmark", "Hong Kong", "India", "Indonesia", "Netherlands", "New Zealand", "South Africa"];
                $("#country").select2({
                  data: country
                });
            });
        </script>
    </head>
    <body>
        <h1>DropDown with Search using jQuery</h1>
        <div>
            <select id="country" style="width:300px;">
            <!-- Dropdown List Option -->
            </select>
        </div>
    </body>
</html>

搜索并写入下拉菜单

1 个答案: