select下拉框选中某一站点时,触发事件
<select><option>迈皋桥</option><option>红山动物园</option><option>南京站</option><option>新模范马路</...
<select >
<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>
如何在下拉框选中某一站点时,触发$("li").eq(0).css("background","gray");这个事件或者达到选中一个站点,之前的站点背景颜色改变 展开
<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>
如何在下拉框选中某一站点时,触发$("li").eq(0).css("background","gray");这个事件或者达到选中一个站点,之前的站点背景颜色改变 展开
3个回答
展开全部
知道么? 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>
七鑫易维信息技术
2024-09-02 广告
2024-09-02 广告
Play Video 七鑫易维是致力于机器视觉和人工智能领域的高新科技企业,迄今已专注眼球追踪技术的研发、创新与应用超过14年,拥有完全自主知识产权,全球专利总量655余项。 作为眼球追踪技术领域的全球知名品牌,七鑫易维的产品体系覆盖眼动分...
点击进入详情页
本回答由七鑫易维信息技术提供
展开全部
<script>
function setback(){
$("li").eq(0).css("background","gray");
}
</script>
<select onselectchange="setback()">
</select>差不多这个意思我知道你的意思,onselectedchange事件里 你可以获得选中的项的val,这样你就可以知道是哪个li了,对不?
function setback(){
$("li").eq(0).css("background","gray");
}
</script>
<select onselectchange="setback()">
</select>差不多这个意思我知道你的意思,onselectedchange事件里 你可以获得选中的项的val,这样你就可以知道是哪个li了,对不?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
select 有onselectchange 事件的。可以在这里面触发
更多追问追答
追问
可以具体点吗 我是菜鸟 最好举个例子让我参考一下
追答
现在找不到例子呢‘
function setback(){
$("li").eq(0).css("background","gray");
}
差不多这个意思
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询