javascript - 未捕获的类型错误 : Cannot read property 'options' of null - some of the code work

Question

我想通过函数读取用户的选择:

    var e = document.getElementById("Trip_Type");
    var Trip_Type = e.options[e.selectedIndex].value;
    var i = document.getElementById("Trip_Population");
    var Trip_Population= i.options[i.selectedIndex].value;
    var j = document.getElementById("Trip_Duration");
    var Trip_Duration= j.options[j.selectedIndex].value;

选项 Trip_Population 和 Trip_type 是 varchar，并从下拉列表中选择:

<select id = "Trip_Population" style="width: 120px">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>

Trip_Duration 是 float 的，并从自由文本输入中选择:

<input name="Trip_Duration" style="width: 117px" type="text"></strong></td>

提交信息后，我想要一个弹出窗口，将信息转移到下一页:

 var myWindow = window.open("Tripdet.php?Trip_Type="+Trip_Type+"&Trip_Population="+Trip_Population+"&Trip_Duration="+Trip_Duration, "", "width=400, height=200");

弹出窗口未显示，并且在 Trip_Duration 的控制台上收到错误(如果我将其从正在运行的代码中删除):未捕获的类型错误:无法读取 null 的属性“选项”

提前致谢

Answer 1

输入标签没有选项。只需检索值:

var Trip_Duration= j.value;

正如 Phil 指出的，输入缺少 id

<input id="Trip_Duration" name="Trip_Duration" style="width: 117px" type="text">