Javascript - 从选择列表中获取文本值

Question

所以我想制作一个表格，我可以填写信息。 我设法用文本框的值填充了一个单元格。 但我不能对下拉列表做同样的事情。 我已经创建了列表：

<select name="status">
<option value="10 perces">10 perces</option>
<option value="ebéd">ebéd</option>
<option value="egyéb">egyéb</option>
</select>

并尝试获取值或文本：

var tstatus = document.getElementById("status");
            var result = tstatus.options[tstatus.selectedIndex].text;

            document.getElementById("result").innerHTML = result;

不知道问题出在哪里，取值代码不对，或者是数组填充。 完整代码如下

完整代码

图片

Answer 1

您使用了错误的选择器，您应该使用：

// use querySelector as theres is no element with the id of "status" in your html
var tstatus = document.querySelector("[name='status']");


var result = tstatus.options[tstatus.selectedIndex].text;
// you also need an element to set the inner HTML to
document.getElementById("result").innerHTML = result;

<!-- Updated HTML -->

<select name="status">
  <option value="10 perces">10 perces</option>
  <option value="ebéd">ebéd</option>
  <option value="egyéb">egyéb</option>
</select>

<span id="result"></span>

// Updated Javascript
var tstatus = document.querySelector("[name='status']");

var result = tstatus.options[tstatus.selectedIndex].text;

document.getElementById("result").innerHTML = result;