附加到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>

但是如果变量位置在名称中有空格，那么它就不会正确追加 例如，如果位置=美国，则它仅附加美联航并忽略空格后的内容

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