空白の後にHTMLに追加するとコンテンツが無視される

Question

Javaスクリプトを使用して入力タイプを追加しています。しかし、それは空白の後にコンテンツを削除して

のJavaスクリプトコードは

var temp = '<input type="hidden" name="nearest[]" id="nearest" value='+distance+'_'+location+'>'; 
 
$('#nearest_div').append(temp);

<div id="nearest_div"></div>

である。しかし、変数の場所が名前にスペースをしている場合、それは例えばのための適切 を追加取得いけない場合場所=米国Unitedのみを追加し、スペースの後ろのコンテンツを無視します。

Answer 1

あなたはValueを引用していませんでした。そのため、動作しません。例えば

値は "アメリカ合衆国" であれば、あなたのコードは次のようにタグが生成されますが：

<input type="hidden" name="nearest[]" id="nearest" value=The United States>

が、それは次のようになります。

<input type="hidden" name="nearest[]" id="nearest" value="The United States">

コードを変更しました：

var temp = '<input type="hidden" name="nearest[]" id="nearest" value="'+distance+'_'+location+'>"'; 
    $('#nearest_div').append(temp);