JQuery 添加列表项

Posted

技术标签:

【中文标题】JQuery 添加列表项【英文标题】:JQuery to add list items 【发布时间】:2016-12-14 07:30:26 【问题描述】:

我有一个使用JQueryautocomplete 输入字段。以下JQuery 确实返回了我的列表

$(function ()

    var list = list[<%=additional.Count%>];
    <% for (var i = 0; i < additional.Count; i++)
     %>
        list[<%=i%>] = <%=additional[i].Text %>;
    <%  %>
    var availableTags = list;

    $("#Scheme_TextBox").autocomplete(
        source: availableTags,
        select: function (event, ui)
        
            SelectedOrigoScheme();
        
    );
);

列表是在后面的代码中生成的,如下所示

List<AJBG.ServiceContracts.Messages.ThirdPartyAPIs.Origo.GetStaticCedingSchemes.CedingScheme> origoCedingSchemes = target.GetStaticCedingSchemes(request).cedingSchemes;
            List<SelectListItem> listItems = new List<SelectListItem>();
            foreach (AJBG.ServiceContracts.Messages.ThirdPartyAPIs.Origo.GetStaticCedingSchemes.CedingScheme origoCedingScheme in origoCedingSchemes)
            
                listItems.Add(new SelectListItem()  Text = origoCedingScheme.schemeName, Value = origoCedingScheme.counterPartySchemeOrigoId.ToString(), Selected = false );
            
            var selectItemList = listItems as List<SelectListItem>;

我的看法

<%=html.TextBox("Scheme_TextBox", "", new  style = "width:98%;", PlaceHolder= "Type to search...", onblur="SelectedOrigoScheme(this);" )%>

但是当我运行我的代码时,我收到以下JQuery 错误

.....\n\nSCRIPT1004: 预期为 ';'

以下是它返回的一些结果: $(函数() var list = list[2103];

        list[0] = The **Self Invested Personal Pension**;

        list[1] = WEALTH **at Work Ltd**;

        list[2] = Deloitte **Pension Plan CIMP**;

        list[3] = The **Carey Pension Scheme**;

        list[4] = Sippdeal **e**-sipp;

        list[5] = AEGON;

        list[6] = AEGON;

        list[7] = Alliance **Trust**;

        list[8] = Alliance **Trust**;

        list[9] = Ashby **London SIPP**;

        list[10] = Ashcourt **Rowan**;

        list[11] = Aviva;

        list[12] = Aviva;

        list[13] = AXA **Wealth Personal Pension Plan**;

        list[14] = AXA **Winterthur**;

        list[15] = Bank **of** Ireland SIPP;

        list[16] = Barclays Stockbrokers SIPP;

        list[17] = Brewin Dolphin SIPP;

        list[18] = Capita SIPP;

        list[19] = City Trustees;

        list[20] = Clerical Medical SIPP;

        list[21] = Clerical Medical Stakeholder Plan;

        list[22] = Cofunds Pension Account;

        list[23] = Dentons SIPP C G Drennen;

        list[24] = European Wealth Management Scheme Stockmarket SIPP;

        list[25] = Fidelity SIPP;

        list[26] = Friends Life;

        list[27] = Friends Life (Provident);

注意:所有粗体字都是我的列表失败的地方。

我尝试做list[&lt;%=i%&gt;] = "&lt;%=additional[i].Text %&gt;" 但这导致了以下错误

javascript 运行时错误:无法获取未定义或空引用的属性“2103”

2103 是在我的代码后面的列表中返回的结果数。这可能很容易,但我在过去 3 小时内试图通过各种人的帮助来解决它,但无法解决问题。

【问题讨论】:

【参考方案1】:

list[0] = **自我

这是文本(文字),应在 JavaScript 中用引号括起来。单打或双打都可以。

list[0] = '我的消息字符串(字面量)'

老实说,您似乎希望理想地使用 javascript 视图模型框架。在我看来,你的做法很艰难。

查看棱角分明的骨架等。

【讨论】:

以上是关于JQuery 添加列表项的主要内容,如果未能解决你的问题,请参考以下文章

使用 jquery 从数组列表中添加和删除数组项

JQuery - 如何为每个最后一个列表项添加一个类?

JQuery错误数组列表项添加跳转链接到表单标签

如何将 jquery-slider 添加到 browserify 中的依赖项列表中?

将列表框项添加到 SQL Server 列作为列名

如何在 jQuery Mobile 拆分按钮列表项的两个按钮上添加图标?