如何从JavaScript向HTML发送2个或更多变量?

时间:2014-01-21 23:07:34

标签: javascript html

这是我的JavaScript代码。

if (status == google.maps.DirectionsStatus.OK) {
  var warnings = document.getElementById('warnings_panel');
  warnings.innerHTML = '<b>' + response.routes[0].warnings + '</b>';
  directionsDisplay.setDirections(response);
  showSteps(response);
  // Display the distance:
  distantakm = response.routes[0].legs[0].distance.value / 1000;
  timph = parseInt(distantakm / 60); 
  timpm = parseInt((distantakm / 60 - timph) * 60);
  document.getElementById('distance').innerHTML = "Distanta este de " + distantakm + " metri";
  document.getElementByName('timpul').innerHTML = "Timpul este" + timpm + " minute";
}

我想将这3个变量timphtimpmdistantakm发送到HTML字段集。我试过这个版本,但它不起作用。另外,我尝试使用jQuery,但我不确切知道如何使用它。请给我一个解决方案。谢谢。

1 个答案:

答案 0 :(得分:1)

document.getElementByName('timpul') - 这是错误的。 首先,没有这样的方法,但有一个document.getElementsByName()

为此你的 HTML

<input type="text" id="distance"> <br>
<input type="text" id="timpul"> <br>

(顺便说一句,它应该是标记inputtextarea,而不是您在评论中写的标记text

您应该使用方法document.getElementById()并为该输入分配value属性值:

document.getElementById('distance').value = "Distanta este de " + distantakm + " metri";
document.getElementById('timpul').value = "Timpul este" + timpm + " minute";