js 怎么实现select选中触发事件
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js 怎么实现select选中触发事件相关的知识，希望对你有一定的参考价值。
方法：
可以使用jQuery的trigger() 方法来响应事件。
定义和用法：
trigger() 方法触发被选元素的指定事件类型。
语法：
$(selector).trigger(event,[param1,param2,...])
参数描述：
event 必需。规定指定元素要触发的事件。可以使自定义事件（使用 bind() 函数来附加），或者任何标准事件。
[param1,param2,...] 可选。传递到事件处理程序的额外参数。额外的参数对自定义事件特别有用。
实例：
触发 select元素的change事件：
$("button").click(function()
$("select").trigger("change");
);
<html>
<head>
<meta content="charset" charset="UTF-8">
<style type="text/css">
.x
#x li
float:left;
margin: 10px;
.p
background-color: red;
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$(function()
$('#st').change(function(e)
var opts = $('#x>li');
opts.removeClass('p');
for (var i = 0; i <= opts.length; i++)
if($(opts[i]).text()==$(this).val())
break;
$(opts[i]).addClass('p');
;
)
);
</script>
</head>
<body>
<ul id="x">
<li>迈皋桥</li>
<li>红山动物园</li>
<li>南京站</li>
<li>新模范马路</li>
<li>玄武门</li>
<li>鼓楼</li>
<li>珠江路</li>
<li>新街口</li>
<li>张府园</li>
<li>三山街</li>
<li>中华门</li>
<li>安德门</li>
</ul>
<select id="st">
<option>迈皋桥</option>
<option>红山动物园</option>
<option>南京站</option>
<option>新模范马路</option>
<option>玄武门</option>
<option>鼓楼</option>
<option>珠江路</option>
<option>新街口</option>
<option>张府园</option>
<option>三山街</option>
<option>中华门</option>
<option>安德门</option>
</select>
</body>
</html>本回答被提问者采纳
以上是关于js 怎么实现select选中触发事件的主要内容，如果未能解决你的问题，请参考以下文章