文档章节

获取下拉列表中的属性值

陈爱茹cx1992
 陈爱茹cx1992
发布于 2016/07/26 17:34
字数 202
阅读 24
收藏 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>

陈爱茹cx1992
粉丝 0
博文 59
码字总数 0
作品 0
济南
程序员
私信 提问
加载中
请先登录后再评论。
php获取form表单列表框的值

列表框有下拉列表框和菜单列表框两种形式,它们的基本句法都一样。在进行网站程序设计时,下拉列表框和菜单列表框的应用都非常的广泛。可以通过下拉列表框和菜单列表框实现对条件的选择。 1....

osc_56wm84nt
01/02
2
0
js进阶 9-10 html中如何遍历下拉列表

js进阶 9-10 html中单选框和多选框如何遍历下拉列表 一、总结 一句话总结: 1、select元素的options.length可以获取选择长度,然后用options[i]精确定位到选项,用选项元素的selected属性判断...

osc_1ik1t32r
2018/06/10
3
0
Python3 Selenium自动化web测试 ==> 第三节 常用WebDriver API使用示例上(24个API)

前置步骤:   安装selenium,chrome驱动,Python3.6 学习目的:   常见API的使用 涉及的API: step1: 访问一个网址 step2: 网页的前进和后退 step3: 刷新当前页面 step4: 浏览器窗口最大...

osc_9z5br62t
2018/05/29
2
0
js进阶 9-14 js如何实现下拉列表多选移除

js进阶 9-14 js如何实现下拉列表多选移除 一、总结 一句话总结: 1、js如何实现下拉列表多选移除? 把这个下拉列表中的option移除,然后加到另外一个下拉列表(文字)中去。remove方法和add...

osc_a9fd007s
2018/06/11
3
0
JavaScript中的表单编程

表单编程 1获取表单相关信息 1.什么是表单元素 1.什么是表单元素 在H TML中表单就是指form标签,它的作用是将用户输入或选择的数据提交给指定的服务器 2.如何获取表单元素 <form id="form1"...

osc_tehy8vur
2019/08/04
7
0

没有更多内容

加载失败,请刷新页面

加载更多

CentOS6.9下手动编译并安装Python3.7

CentOS6.9默认安装的python版本为2.6.6,若想安装python3以上版本,只能手工编译安装 下面介绍python3.7.3版本的手动编译并安装的步骤 1、下载Python3.7.3的源码包 https://www.python.org/f...

yuanfan2012
2019/05/09
0
0
用canvas画太极图(一步步详解附带源代码)

canvas绘图 该元素负责在页面中设定一个区域,然后由js动态地在这个区域中绘制图形。这个技术最早是由美国苹果公司推出的,目的是为了取代flash,很快主流浏览器都支持它。 绘制路径 要绘制路...

osc_8adtko4d
41分钟前
7
0
iOS逆向开发(5):微信强制升级的突破

接下来的几篇文章,小程以微信为例,实战地演示一下:如何注入iOS的APP。其中使用到的知识,基本在前面的文章中都有介绍到。 小白:小程,我想用回旧版本的微信! 小程:为什么要用旧版本微信...

广州小程
05/21
6
0
时间格式的处理,前端的时间显示2020-07-13T16:02:00.000+0000

在后端添加@JsonFormat @JsonFormat(shape=JsonFormat.Shape.STRING,pattern="yyyy-MM-dd HH:mm:ss",timezone="GMT+8") 在这里插public class CdEqInfoVO { /** * 设备id */......

osc_ekw8urc6
42分钟前
9
0
CLion 中的 Makefile 项目:现已公开!

CLion 2020.2 EAP2 带来了期待已久的 Makefile 项目支持。尽管它仍在初期阶段,具有各种局限性和已知问题,但足以应付大量项目。 您有 Makefile 项目吗?查看原文获取免费的 EAP 版本并立即尝...

Bennyhuo
前天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部