js 怎么实现select选中触发事件
2个回答
展开全部
方法：
可以使用jQuery的trigger() 方法来响应事件。
定义和用法：
trigger() 方法触发被选元素的指定事件类型。
语法：
$(selector).trigger(event,[param1,param2,...])
参数描述：
event 必需。规定指定元素要触发的事件。可以使自定义事件（使用 bind() 函数来附加），或者任何标准事件。
[param1,param2,...] 可选。传递到事件处理程序的额外参数。额外的参数对自定义事件特别有用。
实例：
触发 select元素的change事件：
$("button").click(function(){
$("select").trigger("change");
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
知道么？ jquery 有一个叫 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>
<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>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
