如何在HTML中添加多个搜索字段

时间:2013-12-08 05:13:12

标签: jquery html tags

我想添加一个可以进行多次搜索的功能。我将为此提供一个输入字段,就像添加Tags一样。我想要复制同样的东西。

我该怎么做?

1 个答案:

答案 0 :(得分:1)

您可以使用select2插件执行此操作

<body>
    <link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/select2/3.4.4/select2.css">
    <script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/select2/3.4.4/select2.js"></script>
    <input type="text" id='selec2'>
    <script type="text/javascript">
    jQuery(function($){
        $("#1").select2({
            tags: ["red", "green", "blue"],
            maximumInputLength: 10,
            tokenSeparators: [",", " "]
        });
    })
    </script>  
</body>

演示:Fiddle