javascript - HTML 入力テキストで引用符を適切に表示する方法

Question

value='dummy'input 内のような文字列を表示する必要がありますtype=text。それを行う正しい方法はどれですか？

私が使用する<input type=text value='+escape(str)+"'> と、私は得value%3D%27dummy%27ます。エスケープしないと、最初の引用の後に何も表示されません。文字列を正しい方法で表示したいと思います。

score 2 · Accepted Answer

この場合、unescape を使用する必要があります。

'<input type="text" value="'+unescape(str)+'">'

score 2 · Accepted Answer

値の定義に文字列を使用しないことをお勧めします。代わりに、DOM 要素を選択し、その値を設定します。

// Provided you select your input in the "input" variable
input.value = str

このように、エスケープ/エスケープ解除を気にする必要はありません。

score 1 · Accepted Answer

値が一重引用符で囲まれている場合:

"<input type='text' value='"+"John's".replace(/'/igm,"&apos;")+"' />";

値が二重引用符で囲まれている場合:

'<input type="text" value="'+'"one two"'.replace(/"/igm,"&quot;")+'" />';

よくわからない場合:

'<input type="text" value="'+'"one two Jon\'s"'.replace(/"/igm,"&quot;").
   replace(/'/igm,"&apos;")+'" />';

score 0 · Accepted Answer

    <input type='text' value="value='dummy'">   </input>

編集：申し訳ありませんが、これはあなたが望むものではないことに気付きました.gillescの回答を参照してください

4 に答える 4