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");这个事件或者达到选中一个站点,之前的站点背景颜色改变
展开
 我来答
hyjiacan
推荐于2017-09-21 · TA获得超过3912个赞
知道小有建树答主
回答量:894
采纳率:100%
帮助的人:1082万
展开全部

知道么?  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 广告
Play Video 七鑫易维是致力于机器视觉和人工智能领域的高新科技企业,迄今已专注眼球追踪技术的研发、创新与应用超过14年,拥有完全自主知识产权,全球专利总量655余项。 作为眼球追踪技术领域的全球知名品牌,七鑫易维的产品体系覆盖眼动分... 点击进入详情页
本回答由七鑫易维信息技术提供
黎明落寞99
2015-03-20 · TA获得超过720个赞
知道小有建树答主
回答量:288
采纳率:0%
帮助的人:106万
展开全部
<script>
function setback(){
$("li").eq(0).css("background","gray");
}
</script>
<select onselectchange="setback()">

</select>差不多这个意思我知道你的意思,onselectedchange事件里 你可以获得选中的项的val,这样你就可以知道是哪个li了,对不?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友84cdb66
2015-03-19 · TA获得超过453个赞
知道小有建树答主
回答量:481
采纳率:100%
帮助的人:287万
展开全部
select 有onselectchange 事件的。可以在这里面触发
更多追问追答
追问
可以具体点吗  我是菜鸟     最好举个例子让我参考一下
追答
现在找不到例子呢‘

function setback(){
$("li").eq(0).css("background","gray");
}

差不多这个意思
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式