javascript - 为选择菜单转义 HTML "value"属性

Question

我有一个选择菜单，我从数据库中动态插入一些值:

 markup += '<option value=' + option["value"] + '>' + option["alias"] + '</option>';

但是，某些值包含双引号。为了尝试解决这个问题，我尝试了:

markup += '<option value=' + JSON.stringify(option["value"]) + '>' + option["alias"] + '</option>';

为了举例，让我们假设值为 6"Rocket(这实际上是我的问题 child )当我尝试使用 Jquery .val() 读取值时，我总是得到 6。

那该怎么办？

Answer 1

避免此问题的最简单方法是使用 DOM 脚本而不是插入 HTML 字符串。

var sel = $('#some_dropdown');
...
$('<option />', {value: option.value, text: option.alias}).appendTo(sel);