Javascript 在SelectOne菜单框中获取所选值

此语句没有给我在SelectOne菜单框中选择的值：

document.getElementById("purchaseOrderForm:supplierName").value;

---

怎么做？

似乎对我有用

<form>
    <select id="purchaseOrderForm:supplierName">
        <option value="value 1">value 1 </option>
        <option value="value 2">value 2 </option>
        <option value="value 3">value 3 </option>
    </select>
   <input type="button" id="btn_showValue" value="show value"/>
</form>

document.getElementById("btn_showValue").onclick = function(){
  console.log(document.getElementById("purchaseOrderForm:supplierName").value)
}

---

你可以试试下面的方法

HTML

---

向我们展示更多您的代码或更好的方法是在选择器中提供一个fiddle linkID，选择器不能包含：@MahmoudFarahat nope，：可以使用PurchaseOrderForm是我的表单id，supplierName是我的selectOneMenu id。我的javascript文件是purchaseOrderValidation.js，在我编写的函数中。我试了你的两个答案，但都没有用。请给我同样的指导。

<form>
    <select id="purchaseOrderForm:supplierName">
        <option value="1">Order 1 </option>
        <option value="2">Order 2 </option>
        <option value="3">Order 3 </option>
    </select>
   <input type="button" id="submit" value="submit" onclick="getvalue();"/>
</form>

function getvalue()
{
var e = document.getElementById("purchaseOrderForm:supplierName");
var str = e.options[e.selectedIndex].value; //the value of the selected option
alert(str);

var e = document.getElementById("purchaseOrderForm:supplierName");
var str = e.options[e.selectedIndex].text; //the text of the selected option
alert(str);
}