我有个页面,其中想做一些学校的选项,如选择大学、中学、小学,最后有个按钮,学校是用html的li标签来排列的,大概如下:大学:
大学1   大学2    大学3    大学4中学:
中学1   中学2    中学3    中学4小学:
小学1   小学2    小学3    小学4按钮如何才能做到以下功能呢:用户点击学校的时候,该名称变颜色;点击同类时,将原有学校的颜色改回,如点击大学1时,大学1变颜色,点击大学2时,大学2变颜色,并且大学1变回颜色。做到这些而且不刷新页面,只有用户最后点击按钮时,才将所点击的学校传回给服务器。请问asp.net能够实现这样的事情吗?谢谢!!

解决方案 »

  1.   

    利用控件试试,比如控制label控件的背景色
      

  2.   

    如果你使用的comboBox的话,是可以做到的,相关代码你可以在csdn里面找下。
      

  3.   

    变颜色通过设置不同的css来实现如两个css
    .classon{color:#ff0000;}
    .classof{color:#000;}
    <ul id="uldaxue">
    <li onclick="javascript:onclickLi('uldaxue',this)" class="classoff">大学1</li>
    <li onclick="javascript:onclickLi('uldaxue',this)"> class="classoff">大学2</li>
    </ul>function onclickLi(parent,el)
    {
       var obj=document.getElementById(parent);
       var obj=obj.getElementsByTagName("LI");
       for(var i=0;i<obj.length;i++)
      {
        obj[i].className="classoff";//设置为默认色
    }
    el.className="classon";}
      

  4.   

    变颜色通过设置不同的css来实现如两个css
    .classon{color:#ff0000;}
    .classof{color:#000;}
    <ul id="uldaxue">
    <li onclick="javascript:onclickLi('uldaxue',this)" class="classoff">大学1</li>
    <li onclick="javascript:onclickLi('uldaxue',this)"> class="classoff">大学2</li>
    </ul>function onclickLi(parent,el)
    {
       var obj=document.getElementById(parent);
       var obj=obj.getElementsByTagName("LI");
       for(var i=0;i<obj.length;i++)
      {
        obj[i].className="classoff";//设置为默认色
    }
    el.className="classon";}