阅读新闻

如何在js中获取下拉列表选择的值

发布日期:2019-08-14 07:50   来源:未知   阅读:

  可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。

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

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

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

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

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

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

  太TM坑爹了 alert(rtl.options.(rtl.selectedIndex).value); 这句代码是错的 应该 alert(rtl.options.‘[rtl.selectedInde].value);吧?