jquery는 select 태그의 값과 텍스트를 가져옵니다.
- php中世界最好的语言원래의
- 2018-03-15 09:31:472018검색
이번에는 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 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 자료:
jQuery 및 vue를 사용하여 드래그 확인의 확인 코드 효과 만들기
$.ajax() 서버에서 json 데이터를 가져오는 방법
jQuery는 선택 드롭다운을 동적으로 표시합니다. 데이터 나열
위 내용은 jquery는 select 태그의 값과 텍스트를 가져옵니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.