文档章节

获取下拉列表中的属性值

陈爱茹cx1992
 陈爱茹cx1992
发布于 2016/07/26 17:34
字数 202
阅读 1
收藏 0
<body>
<select name="song">
	<option>--歌曲--</option>
<%for(int i=0;i<4;i++){ %>
	<option>歌曲<%=i %></option>
<%} %>
</select>
<select name="movie">
	<option value="">--电影--</option>
<%for(int i=0;i<4;i++){ %>
	<option id="ID电影<%=i %>">电影<%=i %></option>
<%} %>
</select>
<select name="book">
	<option value="">--书--</option>
<%for(int i=0;i<4;i++){ %>
	<option>书<%=i %></option>
<%} %>
</select>
<button id="getValue">获取select中的值</button>
<script type="text/javascript" src="jquery-1.5.1.js"></script>
<script type="text/javascript">
	$(function(){
		$("#getValue").click(function(){
			// 最原始的获取下拉列表中的属性值
			// var getselectValueById = $("[name=movie]").find("option").filter(":selected").attr('id');
			var song = getSelectValue("song","value");
			var movie = getSelectValue("movie","id");
			var book = getSelectValue("book","value");alert(song+movie+book);});
		// 参数下拉列表的name值,需要取得的option中的属性
		function getSelectValue(selectName,selectProperty){
			var selectValue = $("[name='"+selectName+"']").find("option").filter(":selected").attr(selectProperty);
			// 可以再加上但selectValue为undefined的时候判断和处理
			return selectValue; 
		}
	});
</script>
</body>

本文转载自:http://blog.csdn.net/ruru7989/article/details/12117305

共有 人打赏支持
陈爱茹cx1992
粉丝 0
博文 59
码字总数 0
作品 0
济南
程序员
HTML 表单元素(下)

其他元素 输入验证 一、其他元素 1、生成下拉列表 解释:< select > 下拉列表元素至少包含一个 < option > 子元素,才能形成有效的选项列表。< select > 元素包含两个子元素 < option > 项目...

xiaoxiaobukuang
2017/10/13
0
0
selenium webdriver(3)—操作页面对象

页面对象的相关操作可以通过接口文件org.openqa.selenium.WebElement查看, 本文只是对象接口的使用方式,具体的实现方式在org.openqa.selenium.remote.RemoteWebElement中,有兴趣的同 学可...

测试-雨
2015/01/05
0
0
Windows Phone 7 自动完成输入框控件AutoCompleteBox

自动完成输入框控件AutoCompleteBox是一种很常用的控件,它实现了文本框的输入的自动搜索的功能,可以加快用户的输入效率。该控件在微软的Silverlight 开源控件项目“Silverlight Toolkit”中...

junwong
2012/02/28
521
0
ajax 动态生成二级联动下拉列表

无限级二级菜单,越来越多的被应用,譬如省级->市级的二级菜单 思路:一级下拉列表select 绑定一个id, jqury获取到该下拉列表的checked属性值,通过ajax请求获取到该值所对应的二级内容,然...

喜欢敲代码的感觉
2014/10/28
0
0
AngularJS 使用ngOption实现下拉列表

下拉列表的简单使用 ng-option指令使用很简单,只需要绑定两个属性: 一个是ng-model用于获取选定的值; 另一个是ng-options用于确定下拉列表的元素数组。 <select ng-model="engineer.curre...

孟飞阳
2016/12/11
10
0

没有更多内容

加载失败,请刷新页面

加载更多

6. Python3源码—List对象

6.1. List对象 List对象是“变长对象”。 6.1.1. Python中的创建 Python中List对象最重要的创建方法为PyList_New,如下Python语句最终会调用到PyList_New: test = [1, 2, 3, 4, 5] 6.1.2. ...

Mr_zebra
9分钟前
1
0
nginx屏蔽指定接口(URL)

Step1:需求 web平台上线后,需要屏蔽某个服务接口,但又不想重新上线,可以采用nginx屏蔽指定平台接口的办法 Step2:具体操作 location /dist/views/landing/UNIQUE_BEACON_URL { re...

Linux_Anna
17分钟前
2
0
tomcat高并发配置调优

作者:Joker-pan 原文:https://blog.csdn.net/u011622226/article/details/72510385?utm_source=copy --------------------- tomcat 解压就使用的,配置都没动过,肯定不能支持高并发了; ...

imbiao
36分钟前
2
0
mysql 联结,级联查询总结区分

其实我对 数据库的级联或者联结查询一直都是会用,项目能查询出来自己想要的结果即可。 毕竟SQL使用复杂的查询毕竟比较少,而且不难使用。 至于区分他们,我还真的有点模糊。 在看 《SQL必知...

之渊
52分钟前
2
0
区块链入门教程分享区块链POW证明代码实现demo

兄弟连区块链入门教程分享区块链POW证明代码实现demo 这里强调一下区块链的协议分层 应用层 合约层 激励机制 共识层 网络层 数据层 上 一篇主要实现了区块链的 数据层,数据层主...

兄弟连区块链入门教程
59分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部