文档章节

获取下拉列表中的属性值

陈爱茹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
济南
程序员
私信 提问
Windows Phone 7 自动完成输入框控件AutoCompleteBox

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

junwong
2012/02/28
529
0
AngularJS 使用ngOption实现下拉列表

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

孟飞阳
2016/12/11
10
0
ajax 动态生成二级联动下拉列表

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

喜欢敲代码的感觉
2014/10/28
0
0
selenium webdriver(3)—操作页面对象

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

测试-雨
2015/01/05
0
0
HTML 表单元素(下)

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

xiaoxiaobukuang
2017/10/13
0
0

没有更多内容

加载失败,请刷新页面

加载更多

如何解决 homebrew 更新慢的问题

之前一直困扰于 Homebrew 的更新速度,曾试过修改更新源(清华、中科大等)的方式,但是并没什么卵用;也试过设置 curl 代理的方式,但是 brew 走的好像不是 curl 的方式,所以也没用。 通过...

whoru
12分钟前
0
0
TiDB EcoSystem Tools 原理解读系列(二)TiDB-Lightning Toolset 介绍

简介 TiDB-Lightning Toolset 是一套快速全量导入 SQL dump 文件到 TiDB 集群的工具集,自 2.1.0 版本起随 TiDB 发布,速度可达到传统执行 SQL 导入方式的至少 3 倍、大约每小时 100 GB,适合...

TiDB
14分钟前
0
0
【Visual Studio 扩展工具】如何在ComponentOneFlexGrid树中显示RadioButton

概述 在ComponentOne Enterprise .NET控件集中,FlexGrid表格控件是用户使用频率最高的控件之一。它是一个功能强大的数据管理工具,轻盈且灵动,以分层的形式展示数据(数据呈现更加直观)。...

葡萄城技术团队
16分钟前
0
0
Maven环境隔离

Maven环境隔离 1. 什么是Maven环境隔离 顾名思义,Maven环境隔离就是将开发中的环境与beat环境、生产环境分隔开,方便进行开发和维护。这个在实际项目中用的还是很多的,如果你的项目用的Mav...

蚂蚁-Declan
16分钟前
1
0
day182-2018-12-19-英语流利阅读-待学习

“性感”时代已去,维密将如何转身? Daniel 2018-12-19 1.今日导读 维多利亚的秘密(Victoria's Secret)这个内衣品牌,最近似乎步入了“中年危机”——曾经打遍天下的“性感”内衣,在主打...

飞鱼说编程
17分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部