如何使用JS获取下拉列表框的显示值

js获取下拉列表框文本值，例如下面的HTML代码：

<select onchange="isSelected(thisvalue);" id="city"> 

<option 

value="1">北京</option> 

<option value="2" >上海</option> 

<option value="2" >广州</option> 

</select>

也就是说当用户选择“上海”这一列时，需要将“上海”这个名称保存起来。其实方法很简单。看下面javascript代码：

function isSelected(value) { 

var cityName; 

var city = 

documentgetElementById("city"); 

//获取选中的城市名称 

for(i=0;i<citylength;i++){ 

if(city[i]selected==true){ 

cityName 

= city[i]innerText; //关键点 

alert("cityName:" + cityName); 

} 

}

也可以这样做：

function isSelected(value) { 

var city = documentgetElementById("city"); 

alert(cityoptions[cityselectedIndex]innerText); 

}

大致解释一下，首先在HTML页面上有一个下拉框，并为此下拉框定了一个“city”的id，并为其绑定了一个onchange事件，通过此事件调用javascript函数。

在javascript函数当中，通过domcument对象获取当前下拉框的节点元素，由于节点的值并非只有一个，所以我们可以通过循环节点来得到每个选项的值。在循环的时候通过判断当前选项是否选中，如果选中则使用city[i]innerText

方式获取当前所选中的文本值。当然如果需要获取选项值，只需如此即可：city[i]value

至此，通过以上方法在IE下已能达到所要的结果。但是，在FIREFOX下测试时，发现此法不起作用，最后通过查阅资料发现另外一个方法。将city[i]innerText

改为 city[i]text即可。这种方法对IE及FIXEFOX都适用！

纯JS

var e = documentgetElementById("form-field-select-4");

alert(getSelectValues(e));

// Return an array of the selected opion values

// select is an HTML select element

function getSelectValues(select) {

  var result = [];

  var options = select && selectoptions;

  var opt;

  for (var i=0, iLen=optionslength; i<iLen; i++) {

    opt = options[i];

    if (optselected) {

      resultpush(optvalue || opttext);

    }

  }

  return result;

}

JQuery

 var selectedValues = [];    

 $("#form-field-select-4 :selected")each(function(){

     selectedValuespush($(this)val()); 

 });

 alert(selectedValues);

你还知道你天真啊

其实你可以自己找文档解决的

提供一种方案

msg = documentgetElementById("sect")children[2]

单选下拉列表框对象的value属性值就是选中项的value值，因此只需用如下代码即可 var selected_val = documentgetElementById(select_id)value;并且，通过 *** 作select下的option也可以得到被选项的value值，方法为： var sel = documentgetElem怎样用js取得select下拉列表框内选中的option的val

以上就是关于如何使用JS获取下拉列表框的显示值全部的内容，包括:如何使用JS获取下拉列表框的显示值、JS获取select option获取选中的值多选、js中如何获得select option中指定的值，不要选中的！等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！