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

Question

我试图从一个选择的选项中获得值，在jQuery函数中使用，产生选择选项的代码是:

<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;