> php教程 > PHP开发 > jquery 선택 선택 드롭다운 메뉴 옵션 항목 트리거 이벤트

jquery 선택 선택 드롭다운 메뉴 옵션 항목 트리거 이벤트

高洛峰
풀어 주다: 2016-12-15 16:14:30
원래의
1859명이 탐색했습니다.

jquery에 의해 구현된 선택 드롭다운 메뉴 옵션 항목은 이벤트를 트리거합니다.
많은 애플리케이션에서 선택 드롭다운 옵션을 선택하면 이벤트가 트리거되고 해당 작업이 수행됩니다.
다음은 jquery를 사용하여 이 함수를 구현하는 방법을 소개하는 코드 예시입니다.

<!DOCTYPE html><html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function () { 
  $("#sel").bind("change",function(){ 
    if($(this).val()==0){
      return; 
    } 
    else{
      $("#thediv").text($(this).val());
    } 
  }); 
});
</script> 
</head> 
<body>
<div id="thediv"></div>
<select id="sel">
  <option value="0">-请选择-</option> 
  <option value="1">蚂蚁部落一</option> 
  <option value="2">蚂蚁部落二</option> 
  <option value="3">蚂蚁部落三</option> 
  <option value="4">蚂蚁部落四</option> 
</select>
</body>
</html>
로그인 후 복사

위 코드는 첫 번째 항목을 제외한 모든 옵션을 선택하고 값을 씁니다. 사업부로.


더 많은 jquery 선택을 보려면 드롭다운 메뉴 옵션 항목 트리거 이벤트 관련 기사를 선택하세요. PHP 중국어 웹사이트를 주목하세요!


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿