Heim > php教程 > PHP开发 > jquery select Dropdown-Menüoption auswählen, Element auslösen, Ereignis auslösen

jquery select Dropdown-Menüoption auswählen, Element auslösen, Ereignis auslösen

高洛峰
Freigeben: 2016-12-15 16:14:30
Original
1874 Leute haben es durchsucht

Das von jquery implementierte Optionselement „Auswählen“ im Dropdown-Menü löst ein Ereignis aus:
In vielen Anwendungen löst die Auswahl einer Option im Dropdown-Menü „Auswählen“ ein Ereignis aus und führt den entsprechenden Vorgang aus.
Das Folgende ist ein Codebeispiel, um die Verwendung von jquery zum Implementieren dieser Funktion vorzustellen. Der Code lautet wie folgt:

<!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>
Nach dem Login kopieren

Der obige Code wählt alle Optionen außer dem ersten Element aus und schreibt den Wert in die div.


Für weitere JQuery-Auswahl, wählen Sie den Dropdown-Menüoptionspunkt „Trigger-Ereignisse“ aus, beachten Sie bitte die chinesische PHP-Website!


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage