使用 javascript 获取选择值

Question

我有以下压缩形式

<form name="thecars">
<select name="cars">
    <option value="mustang">Mustang</option>
    <option value="pinto">Pinto</option>
    <option value="pinto">Chevelle</option>
    <option value="pinto">Other</option>
</select>
</form>

我试图通过以下方式获取所选汽车的价值，但它不起作用

selectedCar = document.forms["thecars"].elements["cars"].options[thecars.cars.options.selectedIndex].value;

Answer 1

正确的代码是：

var oForm = document.forms["thecars"];
var oDDL = oForm.elements["cars"];
var selectedCar = oDDL.value;

仅使用表单名称无法获取对该表单的引用。

Answer 2

为您的 select 元素分配一个 ID：

<select name="cars" id="cars">

您可以获得如下值：

document.getElementById('cars').value

Answer 3

您缺少 =。将此更改

<form name "thecars">

为此

<form name="thecars">