jquery select select drop-down menu option item trigger event
- 高洛峰Original
- 2016-12-15 16:14:301851browse
The select drop-down menu option item triggered by jquery implements an event:
In many applications, selecting a select drop-down option will trigger an event and perform the corresponding operation.
The following is a code example to introduce how to use jquery to implement this function. The code is as follows:
<!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>The above code selects all options except the first item and writes the value into the div.
For more jquery selection select drop-down menu option items trigger events, please pay attention to the PHP Chinese website for related articles!
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：A jQuery drop-down menu with simple codeNext article：A jQuery drop-down menu with simple code