用js获取下拉列表的值还有数字的值

原创 2013年12月05日 12:29:33
用javascript取值,下面是一个例子:

<select id="Select1" onchange="getSelectValue(this);">

<option value="1">第一项</option>

<option selected value="2">第二项(默认选中)</option>

<option value="3">第三项</option>

<option value="4">第四项</option>

</select>


<br /><br /><br />您选择的是:

<span id="selectValue"></span>


<script language="javascript" type="text/javascript">

function getSelectValue(obj) {


var sValue = obj.options[obj.options.selectedIndex].value; //这是取值


var sText = obj.options[obj.options.selectedIndex].innerHTML; //这是取文本内容


document.getElementById("selectValue").innerHTML = sText + ",他的值为:" + sValue; //测试输出

}

</script>

web前端下拉框技术(js)

补充:form对象 代表       form.submit()方法 提交表单的处理     :select对象标签 ---- option对象 标签       select.options 属性...
  • nandao158
  • nandao158
  • 2017-02-17 16:12:51
  • 587

前端实现下拉显示更多功能

angular项目中前端处理下拉显示更多
  • youyoufenglai
  • youyoufenglai
  • 2017-10-16 22:10:25
  • 339

html的下拉框的几个基本用法

虽然使用EXT开发了一段时间,但是自己觉得我对javascript还是不是很熟,所以边看书边做小例子 给自己以后用到的时候查看下,都是很基本的东西,对初学者可能有点帮助 下面是代码 ...
  • seelye
  • seelye
  • 2013-01-07 11:21:27
  • 132776

Jquery 和JS获取下拉列表的值

一、Javascript获取下拉列表的选中的文本和值。select option 在前端是经常用到的表单元素,option里面的值一般是用来和后台交互的。那么如何来获取选中的文本和值呢?...
  • Kang_xiong
  • Kang_xiong
  • 2016-10-22 17:29:44
  • 8988

JS 获取编辑器的值....

  • 2011年03月28日 23:50
  • 540B
  • 下载

关于web中下拉列表的几种实现方法

总结一下关于web上使用下拉框的情况从数据库中获得数据List,将数据放到Request里面使用setAttribute(”AList”,AList)A中有2个属性(String id,String ...
  • hxmcGu
  • hxmcGu
  • 2007-04-17 09:22:00
  • 666

前端常用插件汇总

Plugins整理 项目文件结构 detail/ 一些组件的详细说明,以及使用 Demo 目录 工具类浏览器增强类表单类图片类图标类UI 框架UI 组件类用户体验增强动画SVG测试其他类Boo...
  • cddcj
  • cddcj
  • 2016-08-12 17:50:47
  • 11426

js获取下拉列表(select)选中项的值和文本

//获取下拉列表选中项的文本 function getSelectedText(name){ var obj=document.getElementById(name); for(i=0;i...
  • Ritsu_
  • Ritsu_
  • 2013-07-10 16:45:08
  • 8450

JS动态添加Select中的Option元素值

  • 2010年03月31日 11:35
  • 953B
  • 下载

分页查询案例及<em>下拉框</em>显示每页条数

分页查询简单案例,MVC三层架构,包含有go跳转以及<em>下拉框</em>每页显示条数... MVC三层架构,包含有go跳转以及<em>下拉框</em>每页显示条...一次性加载数据,<em>前端</em>分页 Bootstrap table两...
  • 2018年04月14日 00:00
收藏助手
不良信息举报
您举报文章:用js获取下拉列表的值还有数字的值
举报原因:
原因补充:

(最多只允许输入30个字)