在Javascript中使用HTML表单字段

我正在为一个需要“商店定位器”的客户设计一个网站，但是用户需要能够指定与他们的邮政编码之间的距离。要做到这一点，我将使用一个简单的HTML下拉列表，但是我如何将这个结果输入到我的Javascript公式中呢

这是我的HTML

<select name="radius" id="radius">
  <option value="5">5 Miles</option>
  <option value="10">10 Miles</option>
  <option value="15">15 Miles</option>
  <option value="20">20 Miles</option>
</select>

---

我需要在“&radius=”后面加什么才能将我列表的结果用作radius变量？

才能获取选择输入的选定值

document.getElementById('radius').value

所以你的绳子是

var parameters = 'lat='+ location.lat() + '&lng=' + location.lng() + '&radius=' document.getElementById('radius').value

---

要从

select

字段中获取所选值，您可以使用：

var radius = document.getElementById("radius").value;

var parameters = 'lat='+ location.lat() + '&lng=' + location.lng() + '&radius=' radius

看

---

不要使用getElementById，而是要使用来拉入元素。

抱歉，我错误地编辑了您的答案。@BrettDeWoody我以为发生了奇怪的事情。但别担心，这种情况经常发生：）返回救援！非常感谢你，耶尔科，真是恰到好处！我一直在想尽一切办法让它发挥作用。明亮的请注意，这里列出的不是JSON，而是Javascript代码。“JSON”是JavaScript对象表示法，用于表示数据。为什么不

document.getElementById（“radius”）。value

？@TerrySeidler您的观点是…？这个问题的答案应该是“selectedIndex只适用于在现代网络上完全无法正常工作的Netscape Navigator的古老版本，或者用于获取多个select的值”。这个问题不是关于多选元素。我已经根据您的输入@RobG更改了解决方案。在本例中更简单。没有getElementByName，请不要引用w3schools。而且相关的规格要好得多。此处首选getElementById，因为它总是返回单个元素（或null），而getElementsByName可以返回单个元素或集合。很抱歉，元素上的“s”已丢失。就这里的一小段代码而言，我同意getElementById可能是更好的选择

var radius = document.getElementById("radius").value;

var parameters = 'lat='+ location.lat() + '&lng=' + location.lng() + '&radius=' radius