小编Roc*_*kyy的帖子

Bootstrap - 使用TagsInput自动完成

嗨我想使用自动完成功能以及带有Bootstrap的tagsinput我也有一个外部json文件.我已经添加了外部json以及它将如何显示..任何人都可以帮助我谢谢Refrence Links http://timschlechter.github.io/bootstrap-tagsinput/examples/

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="css/bootstrap-responsive.css" rel="stylesheet" />
    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/bootstrap-tagsinput.css" rel="stylesheet" />
    <script src="Scripts/jquery-2.0.3.js"></script>
    <script src="Scripts/bootstrap.js"></script>
    <script src="Scripts/bootstrap-tagsinput.min.js"></script>
    <script>
        $('input').tagsinput({
            typeahead: {
                source: function (typehead, query)
                {
                    $.ajax({
                        url: "http://localhost:56558/keywords/test.html",
                        dataType: "json",
                        success: function(data) {
                            var return_list = [], i = data.length;
                            while (i--) {
                                return_list[i] = { Name: data[i].value, value: data[i].id };
                            }
                            typeahead.process(return_list);
                        }

                    });
                }
            }
        });
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>


    <input type="text" …
Run Code Online (Sandbox Code Playgroud)

twitter-bootstrap

6
推荐指数
2
解决办法
2万
查看次数

标签 统计

twitter-bootstrap ×1