自动填充 - 两个字段

时间:2013-08-07 09:44:04

标签: javascript jquery html jquery-ui jquery-plugins

我正在尝试使用自动填充功能创建包含字段的页面。 第一个字段 - "ana"工作正常。第二次失败。我在控制台中没有看到任何错误。提示不会出现。 这里是片段:

<script src="/inc/jquery-1.8.3.js"></script>
<script src="/inc/jquery-ui.js"></script>
<link href="/inc/jquery-ui.css" rel="stylesheet" type="text/css"/>

<table>
<tr>
<td>Ticker:</td><td><input type="text" name="ana" /></td>
</tr>
<tr>
<td>Cmp:   </td><td><input type="text" name="sou" /></td>
</tr>
</table>
<div id="result" style="margin-top:25px;"></div>
<script language="javascript">
$(document).ready(function() {
    ana = [ <% getAna %>];
    $("input[name='ana']").autocomplete({ source: ana });

    sou = [ <% getSou %>];
    $("input[name='sou']").autocomplete({ source: sou});

});

</script>

我正在削减getAnagetSou。这些作品。这里是js / html源代码:

<script language="javascript">
$(document).ready(function() {
    ana = [ "Aar  Edw"];
    $("input[name='ana']").autocomplete({ source: ana });

    sou = [ "A&A Equity Research"];
    $("input[name='sou']").autocomplete({ source: sou});

});

</script>

1 个答案:

答案 0 :(得分:1)

试试这个

    $(document).ready(function () {
        var ana = Array();

        $.ajax({
            type: "POST",
            url: "pagename.aspx/GetAna", //GetAna must be public static web method
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            async: false,
            success: function (data) {
                $.map(data.d, function (item) {
                    ana.push(item.name);
                })
            }
        });
        $("input[name='ana']").autocomplete({ source: ana });

        var sou = Array();
        $.ajax({
            type: "POST",
            url: "pagename.aspx/GetSou", //GetSou must be public static web method
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            async: false,
            success: function (data) {
                $.map(data.d, function (item) {
                    ana.push(item.name);
                })
            }
        });
        $("input[name='sou']").autocomplete({ source: sou });

    });

中的代码

    [WebMethod]
    public static List<valuepair> GetAna()//example method same method for GetSou
    {
        List<valuepair> lstvaluepair = new List<valuepair>();
       // ResumeFromBAL objResumeFromBAL = new ResumeFromBAL();
       // ResumeFrom objResumeFrom = new ResumeFrom();
        DataSet ds = new DataSet();//use your code to get dynamic data

       // ds = objResumeFromBAL.GetANA();

        if (ds.Tables.Count > 0)
        {

            foreach (DataRow item in ds.Tables[0].Rows)
            {
                lstvaluepair.Add(new valuepair() { name = item["ResumeFromName"].ToString(), value = item["ResumeFromId"].ToString() });
            }

        }
        return lstvaluepair;

    }
    public class valuepair
    {
        public string name { get; set; }
        public string value { get; set; }
    }