通过选定的选项获取值，并在jQuery函数中使用返回值

Question

我试图从一个选择的选项中获取要在jQuery函数中使用的值，生成select选项的代码是：

<option disabled style="color:#003366" value="">Select wayfinder...</option>
  <?php
    do {
  ?>
  <option id="WFID" value="<?php echo $row_MainBoards['DisplayID']?>"><?php echo $row_MainBoards['DisplayDescription']?></option>
  <?php
  } while ($row_MainBoards = mysqli_fetch_assoc($MainBoards));
    $rows = mysqli_num_rows($MainBoards);
    if($rows > 0) {
      mysqli_data_seek($MainBoards, 0);
      $row_MainBoards = mysqli_fetch_assoc($MainBoards);
    }
  ?>
</select>

然后使用以下命令获取所选选项的值：

wfid = document.getElementById("WFID");

我有wfid返回内容的问题是；

<option id="WFID" value="1">Main reception No1</option>"

我期望返回值为1、2或3。我怎么才能让它工作呢？

Answer 1

你们已经很接近了。

而不是仅仅获取标签

wfid = document.getElementById("WFID");

可以使用value属性访问当前选定的值。

解决方案

let selectedValue = document.getElementById("WFID").value;