在搜索框中以mvc自动完成 [英] auto complete in mvc in searchbox

问题描述

在下面的代码中，它正在为名称工作，但是当我输入字符搜索框时填写多个名称，当我选择该名称时，我点击提交按钮tahrt valuses采取其他id值

in below code it is working for names but while im entering character searchbox fill with mulitple names and when i select that name and while i click submit button tahrt valuses taking other id values

@model AppModels.Models.DocDto

@{
    ViewBag.Title = "AutoCompleteCountry";
    Layout = "~/Views/Shared/_Layout.cshtml";
}


<div class="form-horizontal" id="formulario">
    <div class='control-group'>
        <label class="control-label" style="font-size: 18px; width: 250px;">Search doctor by name</label>
        <div class='controls' style="margin-left: 280px;">
        <input class="input-xlarge" type="text" id="FName"  name="somevalue" data-autocomplete-url="@Url.Action("AutoCompleteCountry/Home")"/>

            <input type="submit" id="CustomersList" value="Submit"/>
        </div>
    </div>
</div>





<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script src="~/Scripts/jquery-ui-1.9.2.min.js"></script>
@Styles.Render("~/Content/themes/base/css")


<script type="text/jscript">
    var b;
    alert(b)
    $('#CustomersList').click(function () {

            alert(b)
         var fname = b;
         var url = '@Url.Action("DoctorList")/' + fname;

         $.get("@Url.Action("DoctorList")/" + fname, function (a) {

             $('#div1').html(a);

            });

});</script>




<script type="text/javascript">
    $(document).ready(function () {
        $("#FName").autocomplete({
            source: function(request,response) {
                $.ajax({

                    url:"@Url.Action("AutoCompleteCountry")",
                    type: "POST",
                    dataType: "json",
                    data: { term: request.term },
                    success: function (data) {
                        response($.map(data, function (item)


                        {
                            b = item.DID;


                            alert(b)

                         return {
                                label: item.FName +
                                         item.LName + " "
                                         + item.Photo + item.Address
                                , value: item.FName
                                , id: item.FName,


                                    //id:item.DID


                          };



                        }))

                    }
                })
            },
            messages: {
                noResults: "", results: ""
            }
        });
    })
</script>

<div id="div1" style="height:auto;margin-left:100px;margin-top:10px;width:auto;">






</div>

推荐答案

（'＃CustomersList'）。click（function（）{

alert（b）
var fname = b;
var url ='@ Url.Action （ DoctorList）/ + fname;

('#CustomersList').click(function () { alert(b) var fname = b; var url = '@Url.Action("DoctorList")/' + fname;

.get（@ Url.Action（DoctorList）/+ fname，function（a）{

.get("@Url.Action("DoctorList")/" + fname, function (a) {

（' ＃DIV1' ）的HTML（a）中。

}）;

}）; < / script >




< script type = text / javascript >

('#div1').html(a); }); });</script> <script type="text/javascript">

这篇关于在搜索框中以mvc自动完成的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！