jquery select Dropdown-Menüoption auswählen, Element auslösen, Ereignis auslösen
- 高洛峰Original
- 2016-12-15 16:14:301836Durchsuche
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>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!
Stellungnahme：
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
Vorheriger Artikel：Ein jQuery-Dropdown-Menü mit einfachem CodeNächster Artikel：Ein jQuery-Dropdown-Menü mit einfachem Code