Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用内部搜索创建下拉列表_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何使用内部搜索创建下拉列表

Javascript 如何使用内部搜索创建下拉列表,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个问题,如何才能使一个下拉列表像这张图片与搜索在下拉框边 tnx求救 试试最简单的方法 包括: <link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" /> <script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></scr

我有一个问题,如何才能使一个下拉列表像这张图片与搜索在下拉框边 tnx求救

试试最简单的方法

包括:

<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" />
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>

示例代码:

$(document).ready(function() {
  $(".js-example-basic-single").select2();
});

<select class="js-example-basic-single">
  <option value="AL">Alabama</option>
    ...
  <option value="WY">Wyoming</option>
</select>
$(文档).ready(函数(){
$(“.js示例基本单”).select2();
});
阿拉巴马州
...
怀俄明州

希望这能回答您的问题。

您有任何代码吗?如果您向读者明确提出的问题将提高您获得有用答案的机会。阅读可能会给你一些想法。如果您展示到目前为止尝试过的代码并解释该代码是如何失败的,那么它还可以提高您获得有用回复的机会。看一些关于如何最好地显示你的代码的建议,请看图片,然后找出我的意思!!!在这两者之间有一个输入type=“text”!!我如何创建它?我不知道你是否是一名网络开发新手,无论如何我建议你仔细看看
select-2
示例,你可以像往常一样使用选项创建你的select,这一行有魔力
$(“你的选择”)。select2()
将为您创建一个工作的
输入
,在您的选项中自动过滤/搜索,祝您好运。我运行您的代码!但你用20个选项选择我!没别的了!这不是我的代码,它来自源代码,应该可以工作1000%。我发现了问题!如果代码要运行,则应加载引导:|如果没有这样做,则不起作用