jquery 選択選択ドロップダウンメニューオプション項目トリガーイベント-PHP开发-php.cn

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

高洛峰

リリース： 2016-12-15 16:14:30

オリジナル

1827 人が閲覧しました

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 サイトの関連記事に注目してください。