Разрыв строки вставляется в селектор jQuery

Question

У меня странный, и я надеюсь, что кто-то может пролить свет на то, как это исправить. Вот проблема ...

У меня есть код 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 })); 
     }); 
    }); 
}); 

По какой-то причине разрыв строки вставляется в код перед оконечной цитатой на селекторе варианта. Любые идеи относительно того, почему это произойдет, приветствуются. Заранее спасибо за вашу помощь ... :-)

Answer 1

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

Пожалуйста, введите свои HTML в ссылке выше и тест ... и дайте мне знать, что вы получите выпустить .. Я думаю, что это не проблема с вашим js-кодом ... попробуйте один раз с html и js в приведенной выше ссылке и запустите код ... нажав кнопку в меню ... надеюсь, что вы найдете свою проблему или решите ...

ниже кода выглядит fe без ошибок ...

$("#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 })); 
     }); 
    }); 
}); 

Answer 2

Попробуйте переиздать эту часть $("<option />". Может быть какой-то невидимый персонаж