带有多个换行符的 jQuery 自动完成

Question

当选择一个项目时，我使用 jQuery 自动完成来填写多个字段。除非任何数据中存在分页符，否则一切正常。所以，这是 jquery 示例代码:

var equipment = [
{ id: "3",
  label: "Custom Name 3",
  text: "Some text without line break"
},
{ id: "4",
  label: "Custom 4",
  text: "Some text WITH
line break"
}
];

$( "#equipment" ).autocomplete({
      minLength: 0,
      source: equipment,
      focus: function( event, ui ) {
        $( "#equipment" ).val( ui.item.label );
        return false;
      },
      select: function( event, ui ) {
        $( "#equipment" ).val( ui.item.label );
        $( "#id" ).val( ui.item.id );
        $( "#text" ).html( ui.item.text ).text();
        return false;
      }
})

和 html:

<input id="equipment" name="name">
<textarea id="text" name="text" cols="45" rows="5"></textarea>

由于“文本”中的换行符，我在该行中收到“未捕获的语法错误:无效或意外的标记”。我尝试使用 jQuery.data 得到了相同的结果。

如何在不删除所有换行符的情况下修复此错误？

Answer 1

你可以看看这个fiddle 。如果您将换行符替换为“\n”，则可以正常工作。

在从数据形成 Javascript 对象 (equipment) 之前，您需要转义数据中的换行符。