使用 jquery 将项目附加到选择框，同时转义引号

Question

我将选项添加到选择框，如下所示：

x.append("<option value="+option_to_add+">"+option_to_add+"</option>");

其中“option_to_add”可以是用户输入的任何值。 当然，添加带有单引号或双引号的选项时会出现问题。

在将这些值附加到选择列表之前，有没有办法正确转义这些值，

例如这将是一个问题

用户输入：he"llo 我的代码将尝试将其附加为： 这会使 html/js 崩溃

Answer 1

我找到了一种本地 jQuery 方法来正确处理这个问题：

.append($("<option></option>").attr("value",option_to_add).text(option_to_add));

Answer 2

你可以使用 Javascript 替换函数来转义或删除引号...
http://www.w3schools.com/jsref/jsref_replace.asp

Answer 3

您需要转义 " 字符，如下所示： \"

这可以按如下方式自动执行：

'foo"bar"baz'.replace(/"/g, '\\"'); // 'foo\"bar\"baz'

您只需对 值执行此操作 元素的 属性，因此完整的代码片段为：

x.append('<option value="' + option_to_add.replace(/"/g, '\\"') + '">' + option_to_add + '</option>');