选择下拉框是如何取选项的值？

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>select</title>

<script type="text/javascript">

</script>

</head>

<body id="body">

<select onchange="alert(this.options[this.selectedIndex].value);">

<option value="1">a</option>

<option>b</option>

<option>c</option>

</select>

</body>

</html>

上面是个demo

javascript:document.getElementById(‘reny‘).value=this.options[this.selectedIndex].innerHTML; 这是取选项的html

选择下拉框是如何取选项的值？,布布扣,bubuko.com

时间： 2024-10-21 12:54:02

选择下拉框是如何取选项的值？的相关文章

自定义弹出窗口，实现可输入可过滤自动选择下拉框

/** jQuery dialog windows * author : piyg Copyright(c) : 2014-09-01 09:28 Version 1.0-pre 自定义定时定频弹出窗口: 用法: 在自身jsp页面调用 showDialog(title,fn1,fn2),showProcessDialog(title,fn1,fn2)方法. title: 自定义窗口头信息. fn1 ,fn2 自定义回调函数,分别绑定2个按钮事件 fn1: "继续提交"按钮事件. fn2

jQuery 下拉框输入匹配提示选项

做页面输入时,为方便输入和提高用户体验,常用下拉框,当下拉选项数据很多时,也不易找到想要的选项,这时,提供一种下拉框输入匹配提示选项,如下: 图示 HTML代码 <div style="width: 540px;"> <label class="control-label sr-only" for="search_dchannel_repo"></label> <input class="for

高仿QQ即时聊天软件开发系列之三登录窗口用户选择下拉框

上一篇高仿QQ即时聊天软件开发系列之二登录窗口界面写了一个大概的布局和原理 这一篇详细说下拉框的实现原理 先上最终效果图 一开始其实只是想给下拉框加一个placeholder效果,让下拉框在未选择未输入时显示一个提示字符串.由于Background对ComboBox无效,所以直接通过Background来实现是不行了.需要重新写ComboBox的模板,也就是Template,自定义一个模板来实现这个结果.又看了一下QQ的下拉框,这玩意不自定义也难以实现,所以就干脆自定义了. 先上代码,先是Com

Jquery操作下拉框(DropDownList)实现取值赋值

Jquery操作下拉框(DropDownList)想必大家都有所接触吧,下面与大家分享下对DropDownList进行取值赋值的实现代码 1. 获取选中项: 获取选中项的Value值: $('select#sel option:selected').val(); 或者 $('select#sel').find('option:selected').val(); 获取选中项的Text值: $('select#seloption:selected').text(); 或者 $('select#sel

botot framework选择下拉框

1,下拉框不能输入文字,如图: 方法: select from list    id=xxx   要选择的数据 2.下拉框可输入文字,如图: 方法: click element   di=xxx    #先点击一下这个框 click element   xpath=xxx  #输入下拉框中你要选择的"数据"的xpath

安卓PopupWindow+ListView实现登录账号选择下拉框

这段时间在做android开发,发现自定义下拉框有很多种方法实现,我介绍一种PopupWindow+ListView的方式,实现起来比较灵活.效果: 直接看核心代码: Java代码   //获取文本框 etLoginName = (EditText)findViewById(R.id.login_edit_account); //自定义ListView的Adapter adapter=new myAdapter(); listView=new ListView(TestPopupWindowAc

JavaScript获取Select下拉框Option的Value和Text值的方法

Js获取select下拉列表框各个Option的Value值相对比较容易,不过获取Text值却有点麻烦,对于一个初学JavaScript的 新手来说,可能一时还无从下手,那么就请看下本文的方法,以一个form表单中的Select下拉框菜单为例,来说明如何用JavaScript获取其 Value值和Text值: 示例表单,里面是一个select下拉列表框的各个列表项及值: <form name="form1"> <select name="testvalue&

ASP.NET MVC Select无限级分类选择下拉框

1:读取父级下的所有子类别 *ViewBag.ParentItemList:不能与ParentId相同 private void ParentDropDownList() { List<SAS.Model.BPMS_SysMenu> list = new List<SAS.Model.BPMS_SysMenu>(); StringBuilder strWhere = new StringBuilder(); List<SelectListItem> selectList

选择下拉框条件关联

//通过数据字典读取select的option<td>城市</td> <td><ef:sysDicItemList name="areaId" dictionaryCode="AREA_CODE" value="${param.areaId}" onchange="changeSelectAll()"/></td> <td nowrap="nowrap