[解決済み】HTML属性内の引用符を適切にエスケープするにはどうしたらいいですか?
2022-03-28 17:21:58
質問
ウェブページにドロップダウンがありますが、値の文字列に引用符が含まれると壊れてしまいます。
値は
"asd
しかし、DOM では常に空の文字列として表示されます。
文字列を適切にエスケープするために知っているあらゆる方法を試しましたが、無駄でした。
<option value=""asd">test</option>
<option value="\"asd">test</option>
<option value=""asd">test</option>
<option value=""asd">test</option>
ポストバックメッセージに正しい値が含まれるように、これをページ上でレンダリングするにはどうしたらよいでしょうか。
どのように解決するのですか?
"
は、テストの3番目に正しい方法です。
<option value=""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=""asd">Test</option>
</select>
また、一重引用符で属性値を区切ることもできます。
<option value='"asd'>test</option>
関連
-
[解決済み】私のCSS3メディアクエリがモバイルデバイスで機能しないのはなぜですか?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] Sublime Text 2を使ってHTMLコードを再フォーマットするにはどうしたらいいですか?
-
[解決済み] divブロック内のテキストを(水平方向と垂直方向に)センタリングするにはどうすればよいですか?
-
[解決済み] HTML要素の実際の幅と高さを取得するにはどうすればよいですか?
-
[解決済み] HTMLのid属性とname属性の違い
-
[解決済み] XMLのアンパサンドをエスケープして、HTMLで実体として表示するにはどうすればよいですか?
-
[解決済み】JavaScriptで引用符をエスケープする
-
[解決済み】title属性でダブルクォートをエスケープする方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 名前が''の無効なフォームコントロールはフォーカスされない
-
[解決済み】#記号のHTML文字実体は何ですか?
-
[解決済み] d3.tipが動作しないのはなぜですか?
-
[解決済み] css画像が表示されない
-
[解決済み] ホバー時に背景画像を暗くする
-
[解決済み] Favicon.icoを表示させることができません。
-
[解決済み] HTML Divのボーダーが表示されない
-
[解決済み] TD rowspan が機能しない
-
[解決済み] Visual Studio Code CSSエラー「空のルールセットを使用しないでください」【終了しました
-
[解決済み] type="application/x-shockwave-flash "で表示可能な形式は?