我在网页上有一个下拉列表,当值字符串包含引号时,它就会中断。

该值是“asd”,但在DOM中它总是显示为空字符串。

我已经尝试了我所知道的所有方法来正确地转义字符串,但都无济于事。

<option value=""asd">test</option>
<option value="\"asd">test</option>
<option value="&quot;asd">test</option>
<option value="&#34;asd">test</option>

我如何在页面上呈现这个,以便回发消息包含正确的值?


当前回答

如果您使用PHP,请尝试调用htmlentities或htmlspecialchars函数。

其他回答

你真的应该只允许不可信的数据进入一个好的属性白名单,如:align, alink, alt, bgcolor, border, cellpadding, cellspacing, class, color, cols, colspan, cods, dir, face, height, hspace, ismap, lang, marginheight, marginwidth, multiple, nohref, noresize, noshade, nowrap, ref, rel, rev, rows, rowspan, scrolling, shape, span, summary, tabindex, title, usemap, valign, value, vlink, vspace, width

您确实希望将不可信的数据排除在javascript处理程序以及id或name属性之外(它们会破坏DOM中的其他元素)。

此外,如果你把不受信任的数据放入SRC或HREF属性,那么它确实是一个不受信任的URL,所以你应该验证URL,确保它不是一个javascript: URL,然后HTML实体编码。

更多详情请访问:https://www.owasp.org/index.php/Abridged_XSS_Prevention_Cheat_Sheet

根据HTML语法,甚至HTML5,以下选项都是有效的:

<option value="&quot;asd">test</option>
<option value="&#34;asd">test</option>
<option value='"asd'>test</option>
<option value='&quot;asd'>test</option>
<option value='&#34;asd'>test</option>
<option value=&quot;asd>test</option>
<option value=&#34;asd>test</option>

注意,如果使用XML语法,则必须使用引号(单引号或双引号)。

下面是一个jsfiddle演示了上述所有工作。

如果您正在使用JavaScript和Lodash,那么您可以使用_.escape(),它会转义",',<,>和&。

如果您使用PHP,请尝试调用htmlentities或htmlspecialchars函数。

“;是正确的方法,你的第三个测试:

<option value="&quot;asd">test</option>

您可以在下面或jsFiddle上看到它正在工作。

警报($(“选择”)[0]value); < script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < /脚本> <选择> <选项值= "“自闭症”>测试> < /选项 < /选择>

或者,你可以用单引号分隔属性值:

<option value='"asd'>test</option>