在jquery中如何获取select标签中的option值-tutorial js-php.cn

在jquery中如何获取select标签中的option值

亚连

Lepaskan： 2018-06-09 14:32:34

asal

4444 orang telah melayarinya

下面我就为大家分享一篇用jquery获取select标签中选中的option值及文本的示例，具有很好的参考价值，希望对大家有所帮助。

1.要想使用jquery首先html或者jsp中得引入jquery文件。

2.话不多说，上代码。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<script type="text/javascript" src="../../../../js/common/jquery-1.6.2.js"></script>
		<script type="text/javascript">
			function doSome(){
				alert($("#sel option:selected").text());//方法一：获取select标签选中的option中的文本。
				alert($("#sel").find("option:selected").text());//方法二：获取select标签选中的option中的文本。
				
				alert($("#sel option:selected").val());//方法一：获取select标签选中的option中的value的值。
				alert($("#sel").find("option:selected").val());//方法二：获取select标签选中的option中的value的值。
				//------------------------------帅气的分割线，，下面有重点--------------------------------
				
				//当option是这样的：<option>cc</option>。即没有value属性的时候。自然也就没有value值。
				//这时候jquery就很纠结：写了段代码让我拿value的值，可是找到的option中根本没有value属性。
				//算了，把option中 的文本拿出来给你吧。
				//所以当选中<option>cc</option>这个option的时候，你会发现上边四个alert出来的值是一样的。都是option中的文本。
				//想要拿到option中的value的值，首先option得有value属性啊！！！
			}
		</script>
	</head>
	
	<body>
		<p>
			<select id="sel" onchange="doSome();">
				<option value="aa">bb</option>
				<option>cc</option>
			</select>
		</p>
	</body>
</html>

Salin selepas log masuk

上面是我整理给大家的，希望今后会对大家有帮助。

在JS中详细讲解Object对象

利用vue.js如何实现弹框只弹一次

详细解读javascript中的trie前缀树

在Vue中详细解读todoMVC代码

在jquery中如何实现动态添加并获取样式名称

在Angular2中如何实现父子组件通信

在D3.js中如何创建物流地图（详细教程）

React Native中NavigatorIOS组件（详细教程说明）

有关ejsExcel模板使用方法

Atas ialah kandungan terperinci 在jquery中如何获取select标签中的option值. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!