jquery는 select 태그의 값과 텍스트를 가져옵니다.-JS 튜토리얼-php.cn

jquery는 select 태그의 값과 텍스트를 가져옵니다.

php中世界最好的语言

풀어 주다： 2018-03-15 09:31:47

원래의

2054명이 탐색했습니다.

이번에는 select 태그의 값과 텍스트를 가져오기 위한 jquery를 가져오겠습니다. jquery에서 select 태그의 값과 텍스트를 가져오기 위한 주의 사항은 무엇입니까? 다음은 실제 사례입니다.

1.jquery를 사용하려면 먼저 jquery 파일을 html 또는 jsp에 도입해야 합니다.

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>

로그인 후 복사

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!