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

Question

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

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

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

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

例如这将是一个问题

用户类型:he"llo 我的代码将尝试将其附加为: <option value="he"llo"/>这会导致 html/js 崩溃

Answer 1

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

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