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是浮动的，可从自由文本输入中选择：

<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上的控制台上发现错误（如果我将其从代码中删除它正在工作）：未捕获的TypeError：无法读取属性＆＃39;选项＆＃39;为null

先谢谢

Answer 1

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

var Trip_Duration= j.value;

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

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

未捕获的TypeError：无法读取属性＆＃39;选项＆＃39; null - 一些代码工作

1 个答案: