javascript - 选择菜单的转义 HTML“值”属性

Question

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

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

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

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

例如，假设值为 6"Rocket（这实际上是我的问题孩子）当我尝试使用 Jquery 读取该值时，.val()我总是得到 6。

怎么办？

Answer 1

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

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