`
liuxiang822
  • 浏览: 46749 次
  • 性别: Icon_minigender_1
  • 来自: 常州
社区版块
存档分类
最新评论

js获取select标签中的当前选项的两种方法

 
阅读更多

方法一：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>getSelectValue</title>
		<script src="js/jquery-1.5.1.min.js"></script>
	</head>

	<body>
		<select id="s_a">
			<option>java</option>
			<option>.net</option>
			<option>php</option>
		</select>
		<input type="button" value="click" onclick="alert(fetSelectVal();)"/>
	</body>
	<script>
                var _select = document.getElementById("s_a");
		function getSelectVal(){
			var idx = _select.selectedIndex,
		        option,
		        value;
		    if (idx > -1) {
		        option = _select.options[idx];
		        value = option.attributes.value;
		        return (value && value.specified) ? option.value : option.text; 
		   }
		    return null;
		}		
	</script>
</html>
 

方法二：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>getSelectValue</title>
		<script src="js/jquery-1.5.1.min.js"></script>
	</head>

	<body>
		<select id="s_a">
			<option>java</option>
			<option>.net</option>
			<option>php</option>
		</select>
		<input type="button" value="click" onclick="alert($('#s_a').find('option:selected').text());"/>
	</body>
</html>
分享到：
| 自定义EL表达式方法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    select标签设置默认选中的选项方法

    方法有两种。 第一种 通过&lt;select&gt;的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。 &lt; select id = sel &gt; &lt; option xss=removed&gt;1 &lt; option xss=removed xss=removed&gt;2 ...

    JavaScript笔记

    注意：js中的方法可以直接写在代码中，不需要“类”包裹 使用方法：方法名()--&gt;方法调用--&gt;立即执行 2.js文件：网页外专门保存js脚本的文件--推荐 强调：HTML、CSS、JS都要使用UTF-8编码保存(window系统) ...

    支持select显示复选框的JS列表框插件.rar

    支持select显示复选框的JS列表框插件，插件名称：dhtmlxCombo，版本 v.2.1，它包括Image Select和Check Select两种功能插件，可以帮助你在下拉框的选项中添加一幅图片，或者在下拉框中使用复选框，具体可以看code...

    react-dropdown-tree-select:轻巧，可访问，可自定义且快速的React下拉树选择组件

    React下拉树选择React下拉树选择一种轻量级且快速的控件，用于呈现可以显示分层树数据的选择组件。 另外，该控件以药丸形式显示选择，并允许用户搜索选项以进行快速过滤和选择。 还支持显示部分选定的节点。目录随着...

    RxJS-CLI:JavaScript (RxJS) 命令行界面的React式扩展

    使用 ： {sudo} npm i -g rx-clirx -h文档首先，有两种主要方法可以指定您想要的运算符： 方法选项文件选项方法列表要指定您希望包含哪些方法，您可以使用以下命令，其中使用--methods选项或-m快捷方式用逗号分隔...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    -删除Panel的EnableLightBackgroundColor属性，同时EnableBackgroundColor只支持Blue和Gray两种Theme。 +2010-01-31 v2.2.0 -使得Asp.net的控件ImageButton具有和Asp.net的Button控件类似的行为（Ajax提交）...

    ExtAspNet_v2.3.2_dll

    -删除Panel的EnableLightBackgroundColor属性，同时EnableBackgroundColor只支持Blue和Gray两种Theme。 +2010-01-31 v2.2.0 -使得Asp.net的控件ImageButton具有和Asp.net的Button控件类似的行为（Ajax提交）...

    UIWebView的使用代码

    前面提到的native代码调用js代码的实现方式，结合两种实现方式即完成了js与native代码间的简单的通信操作。 让UIWebView更加接近native 某些情况下，我们既想要UIWebView加载web页面，又想使得所加载的页面的外观...

    仿世纪佳缘婚介交友系统5.3 ASP+SQL

    系统设置项分成几大类：[基本设置]、[网站信息]、[安全设置]、[用户选项设置]、[邮件选项设置]、[注册选项设置]、[系统选项设置]、[上传选项设置]、[验证码设置]、[官方通讯设置]、[服务升级设置]、[支持接口设置] ...

    ASP.NET Gridview隐藏/显示列源码

    文章将会演示两种显示和隐藏GridView列的方法，一种是客户端的方法，另外一种是服务段的方法. 在客户段显示和隐藏GridView的列 大部分代码是在GridView的RowCreated事件生成客户端的功能的。当GridView的Header行...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    3.JS+CSS美化经典Select选项框插件 4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5.JS+CSS网页版模拟QQ登录框界面特效示例 6.JS+flash立柱广告代码仿百度MP3搜索右侧可伸缩的立柱广告效果 7.JS版本...

    fckedit编辑器

    然后将FCKeditor-2.3.zip（java）压缩包中\web\WEB-INF\lib\目录下的两个jar文件拷到项目的\WEB-INF\ lib\目录下把其中的src目录下的FCKeditor.tld文件copy到TestFCKedit/WEB-INF/下 4.合并web.xml: 将FCKeditor-...

    html入门到放弃笔记

    2、_self : 在自身标签页中打开新网页(默认值) Demo 1、创建一个超链接，内容为 ：学子商城，点击时，在自身标签页中 打开 http://www.codeboy.com 2、创建一个超链接，内容为 ：学子商城的LOGO，点击时，在新...

    thirdhand.github.com:演示页面

    请注意，当前代码仅支持一种此类选项。 您可以通过将 jQuery 选择器传递给$.richopt()函数来创建自定义小部件。 该函数支持另外两个可选参数，第一个是选项对象。 可以设置两个选项： imagePath设置放置图片的路径...

    正则表达式

    正则表达式中的特殊字符 字符 含意 \ 做为转意，即通常在"\"后面的字符不按原来意义解释，如/b/匹配字符"b"，当b前面加了反斜杆后/\b/，转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原，如"*"匹配它...

    网上日记本

    在些页面中可以通过日历控件，选择具体的日期查看当前用户的公开的日记。 进入了看日记子功能界面，界面将显示出该功能所提供给用户的一起可操作功能，即用户可以自主选择所需要的类别进行浏览观看，“回返”按钮...

    aws-waf-sqli-bypass-PoC:使用单个';'绕过AWS WAF

    ”连接时，这两种xform都无法单独或组合使用来阻止注入。SQLi绕过从本质上讲，已发现通过使用EXPECTED_INPUT'; select * from TARGET_TABLE--形式的注入EXPECTED_INPUT'; select * from TARGET_TABLE--

    ASP.NET 控件的使用

    8.4.3 使用两种数据绑定表达式 247 8.5 SQL Server 2005 Express 概述 248 8.5.1 SQL Server Express 特性 248 8.5.2 SQL Server 2005 Express管理工具 249 8.5.3 服务器端数据库与本地数据库 250 8.6 数据库驱动的...

    《OceanX》播放器 Prv0.3

    （全面支持LRC和SMI两种歌词文件）7，真全屏功能全新加入，在保留原窗口内部全屏功能不减的基础上，全新加入整个屏幕的全屏功能！！8，列表保存功能姗姗到来！！全面解决了用户自定义完播放列表在退出时无法保留，...

    计算机应用技术(实用手册)

    出现上面两种错是CMOS电池没电了．解决方法：打开机箱，把主板上的一节纽扣电池取出，换上一节新的既可，或是CMOS被放电了，从新进入CMOS设置时间保存并退出就可解决此问题。 Press F1 tocontinue ,DEL to enter ...

Magicbox
Global site tag (gtag.js) - Google Analytics