换行插入jquery选择器

时间:2015-04-03 20:12:32

标签: javascript jquery asp.net-mvc-4 razor

我有一个奇怪的,我希望有人可以解释如何解决这个问题。这是问题...

我的剃刀页面中有一些javascript代码,格式正确。这是代码......

$("#ddlMake").change(function ()
{
    var selectedMake = $("#ddlMake").val();
    $.getJSON('/Valuation/ModelRanges', { manufacturerId: selectedMake }, function (ranges)
    {
        var ddlModelRanges = $("#ddlModelRanges");
        ddlModelRanges.empty();
        $.each(ranges, function (index, range)
        {
            ddlModelRanges.append($("<option />", { value: range.value, text: range.text }));
        });
    });
});

我收到一个字符串未终止错误,这完全弄乱了我的页面。浏览器中的代码如下所示......

$("#ddlMake").change(function ()
{
    var selectedMake = $("#ddlMake").val();
    $.getJSON('/Valuation/ModelRanges', { manufacturerId: selectedMake }, function (ranges)
    {
        var ddlModelRanges = $("#ddlModelRanges");
        ddlModelRanges.empty();
        $.each(ranges, function (index, range)
        {
            ddlModelRanges.append($("<option />
            ", { value: range.value, text: range.text }));
        });
    });
});

由于某种原因,在选项选择器上的终止引号之前,代码中插入了换行符。关于为什么会发生这种情况的任何想法都是受欢迎的。在此先感谢您的帮助......: - )

2 个答案:

答案 0 :(得分:0)

尝试重新输入此部分$("<option />"。可能会有一些看不见的角色

答案 1 :(得分:-1)

https://jsfiddle.net/g1uLsdvd/2/

请把你的html放在上面的链接中并测试...并让我知道你得到了什么问题..我认为你的js代码没有问题...尝试一下你的html和js在上面的链接和运行代码...通过单击菜单项运行...希望您能找到您的问题或解决...

以下代码看起来没有错误......

$("#ddlMake").change(function ()
{
    var selectedMake = $("#ddlMake").val();
    $.getJSON('/Valuation/ModelRanges', { manufacturerId: selectedMake }, function (ranges)
    {
        var ddlModelRanges = $("#ddlModelRanges");
        ddlModelRanges.empty();
        $.each(ranges, function (index, range)
        {
            ddlModelRanges.append($("<option />", { value: range.value, text: range.text }));
        });
    });
});