1. ホーム
  2. ハイパーリンク

[解決済み】HTML属性内の引用符を適切にエスケープするにはどうしたらいいですか?

2022-03-28 17:21:58

質問

ウェブページにドロップダウンがありますが、値の文字列に引用符が含まれると壊れてしまいます。

値は "asd しかし、DOM では常に空の文字列として表示されます。

文字列を適切にエスケープするために知っているあらゆる方法を試しましたが、無駄でした。

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

ポストバックメッセージに正しい値が含まれるように、これをページ上でレンダリングするにはどうしたらよいでしょうか。

どのように解決するのですか?

&quot; は、テストの3番目に正しい方法です。

<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>