如何从下拉标签中找到下拉值

时间:2014-11-06 03:40:40

标签: javascript

假设我有一个下拉列表

 <select name="Countries" id="Countries">
  <option value="USA">United States of America</option>
  <option value="AUS">Australia</option>
 </select>

假设在加载页面时,我得到一个示例文本为&#34; Australia&#34;那么我想把它各自的价值作为&#34; AUS&#34;

我想从其标签中获取下拉值。

4 个答案:

答案 0 :(得分:1)

会是这样的:

var e = document.getElementById("Countries");
var str = e.options[e.selectedIndex].value;

答案 1 :(得分:0)

感谢所有在这里帮助过我的人。 以下是从所选的droddown值中获取标签的解决方案。

var e = document.getElementById("Countries");
var str = e.options[e.selectedIndex].innerHTML;

答案 2 :(得分:0)

http://jsfiddle.net/mm18qrwd/1/

我认为你没有所选元素的索引, 因此,

var value = "";
Array.prototype.slice.
call(document.
     getElementById("Countries").
     options).
forEach(function(option){
    if(option.text == "Australia") {
        value = option.getAttribute("value")
    }
})
alert(value);

答案 3 :(得分:0)

如果您使用的是JQuery,则此代码$('#Countries').val()将返回您想要的内容。