选择值上的自动填充框未提供ID

时间:2015-03-31 13:12:32

标签: jquery autocomplete box

您好我正在使用spring mvc。我已经创建了一个代码,用于搜索自动填充框的关键字来搜索数据库中的值。我使用了ajax调用来从controller调用该服务。从我得到的列表中dropdown.But我想要的是选择自动完成框中的值,它将获取该值的id并调用控制器上的另一个方法,该方法提供该ID的详细信息并在不同字段的jsp页面上打印。

这是我的jsp页面代码:

    <script>
    function doAjax() {

        var dataToBeSent = {
            keyword : document.getElementById("tags").value,
            godownID : "3",
        };
        $(function() {

            $.ajax({
                url : "itemByName",
                data : dataToBeSent,
                type : "GET",
                dataType : "json",
                success : function(response) {
                    //alert("success");
                    var data1 = JSON.stringify(response);

                    var obj = JSON.parse(data1);

                    var availableTags = [];

                    var mn;

                    for (var i = 0; i < obj.length; i++) {

                        alert("Length:" + obj.length);

                        alert = ("in for loop");

                        mn = [ obj[i].ItemIDP, obj[i].ItemName ];

                        alert = ("mn");

                        availableTags[i] = obj[i].ItemName;

                        //  availableTags[i] = obj[i].ItemIDP;

                    }

                    $("#tags").autocomplete(
                            {

                                source : function(request, response) {
                                    var results = $.ui.autocomplete.filter(
                                            availableTags, request.term);

                                    response(results.slice(0, 10));
                                }
                            });

                    $("#tags").autocomplete({
                        autoFocus : true

                    });

                },

                error : function(request, textStatus, errorThrown) {
                    alert("errorThrown");
                }

            });

        });

    }
</script>

    <div class="col-md-12 col-lg-12">
                                    <div class="row">
                                        <div class="col-sm-2">
                                            <h5>Medicine</h5>
                                        </div>
                                        <div class="col-sm-5">
                                            <input id="tags" class="form-control input-mg"
                                                onkeyup="doAjax()" />
                                        </div>
                                    </div>

                                </div>

0 个答案:

没有答案