ホームページ  >  記事  >  php教程  >  jquery 選択 選択 ドロップダウン メニュー オプション項目 トリガー イベント

jquery 選択 選択 ドロップダウン メニュー オプション項目 トリガー イベント

高洛峰
高洛峰オリジナル
2016-12-15 16:14:301836ブラウズ

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>

上記のコードは、最初の項目を除くすべてのオプションを選択し、値を div に書き込みます。


その他の jquery 選択、ドロップダウン メニュー オプション項目のトリガー イベントについては、PHP 中国語 Web サイトの関連記事に注目してください。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。