Question

用户应该能够在表单中输入地址，Javascript将打开一个带有指示的新窗口。但按下按钮时，没有任何反应。有人能告诉我我做错了吗？

使用Javascript：

function ShowDirections() {
    var street = document.getElementById('street').value;
    var city = document.getElementById('city').value;
    var state = document.getElementById('state').value;
    var zip = document.getElementById('zip').value;
    var from = street + ', ' + city + ', ' + state + ' ' + zip;

    var url = "http://maps.google.com/maps?f=d&amp;hl=en&amp;saddr=" + from + "&amp;daddr=1530+Commercial+Street%2c+East+Weymouth%2c+MA+02189";
    window.open(url, 820, 700);
}

HTML：

<label for="street">Address or Intersection:</label>
<input name="street" type="text" id="street" />
<label for="city">City:</label>
<input name="city" type="text" id="city" />
<label for="state">State/Province:</label>
<input name="state" type="text" maxlength="2" id="state" />
<label for="zip">Zip/Postal Code:</label>
<input name="zip" type="text" maxlength="10" id="zip" />
<input type="button" value="Get Directions" onclick="javascript:ShowDirections();" />

Answer 1

javascript:不是form代码可接受的操作。它需要是一个URL。将所有内容从表单中取出并在提交按钮上放置一个处理程序（作为按钮），您可能会更接近。

Answer 2

您可以使用onsubmit来调用javascript函数

为什么这个javascript /表单不起作用？

2 个答案: