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;