html - 如何正确转义 HTML 属性中的引号？

Question

我在网页上有一个下拉菜单，当值字符串包含引号时，该下拉菜单会损坏。

该值为"asd，但在 DOM 中它始终显示为空字符串。

我已经尝试了所有我知道的方法来正确转义字符串，但没有成功。

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

如何在页面上呈现此内容以便回发消息包含正确的值？

Answer 1

" 是正确的方法，您的第三个测试:

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

您可以在下面或 jsFiddle 上看到此功能的工作情况.

alert($("option")[0].value);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
  <option value="&quot;asd">Test</option>
</select>

或者，您可以用单引号分隔属性值:

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