• 文字广告位
  • 文字广告位
  • 文字广告位
  网站首页  软件教程  网页语言  特效代码  经验技巧  FLASH源码  实用素材  酷站欣赏  数据库  服务器  操作系统  站长交易
√ 新人注册　√ 用户登录
您现在的位置： 站长手册 >> 特效代码 >> 表单类 >> 正文
站内搜索
Google
·特效代码
[图文]单选项按钮控制选项内容(一)
          ★★★　　　

单选项按钮控制选项内容(一)

雅虎收藏夹 百度收藏 Google书签 Yahoo书签 新浪ViVi 搜狐网摘 365Key网摘 天极网摘 diglog 和讯网摘 POCO网摘 YouNote网摘 博拉网 天下图摘 Del.icio.us digg reddit spurl BlinkList blogmarks
人气：　来源：本站原创　作者：佚名　所属栏目：表单类　[切换到繁體中文]
介绍：选择选项，会相应的出现先项内容，适于做购物系统。

演示：

[Ctrl+A全选 提示：你可先修改部分代码，再按运行]

下面教你如何应用此特效： 
　--------------------------------------------------------------------------------------
　　需要在<body 这里>加入的代码：
　--------------------------------------------------------------------------------------
以下代码加到<head>…</head>中
以下代码加到<body>…</body>中
<SCRIPT language=javascript>
self.focus();
function ShowCxddh()
{
tr1.style.display="none";
tr2.style.display="";
//document.frmcxddh.cxtj.value="anddh";
//document.frmcxsj.cxtj.value="anddh";
}

function ShowCxsj()
{
tr2.style.display="none";
tr1.style.display="";
//document.frmcxddh.cxtj.value="ansj";
//document.frmcxsj.cxtj.value="ansj";

}
function Hv()
{
document.frmcxsj.pre.disabled=true;
document.frmcxsj.nex.disabled=true;
document.frmcxsj.s3year.disabled=true;
document.frmcxsj.s3mon.disabled=true;
document.frmcxsj.s3dat.disabled=true;
document.frmcxsj.s1year.disabled=false;
document.frmcxsj.s1mon.disabled=false;
document.frmcxsj.s1dat.disabled=false;
document.frmcxsj.s2year.disabled=false;
document.frmcxsj.s2mon.disabled=false;
document.frmcxsj.s2dat.disabled=false;
}

function Vh()
{
document.frmcxsj.pre.disabled=false;
document.frmcxsj.nex.disabled=false;
document.frmcxsj.s3year.disabled=false;
document.frmcxsj.s3mon.disabled=false;
document.frmcxsj.s3dat.disabled=false;
document.frmcxsj.s1year.disabled=true;
document.frmcxsj.s1mon.disabled=true;
document.frmcxsj.s1dat.disabled=true;
document.frmcxsj.s2year.disabled=true;
document.frmcxsj.s2mon.disabled=true;
document.frmcxsj.s2dat.disabled=true;
}

function chgddh()
{
document.frmcxddh.cxddh.value=document.frmcxddh.selddh.value
}

function da(y,m,d)
{
var opt;
var numy,l,I;
numy=y.options[y.options.selectedIndex].text;
l=m.selectedIndex+1;
  
if (l <=7 && l % 2==0)
I=30;
else
{  
 if (l>=8 && l % 2==1)
  I=30;
 else
   I=31;
};

if (l==2 && numy % 4 !=0)
{I=28};

if(l==2 && numy % 4 ==0)
{I=29};

for(j=1;j<=d.options.length;j++)
d.options[j]=null;//清空Daylist

for(j=1;j<=I;j++)//产生Daylist
{     
opt=new Option(j,j);
d.options[j-1]=opt;
}
}
</SCRIPT>

<table cellspacing=1 cellpadding=0 width=590 bgcolor=7285CF 
border=0>
        <tr bgcolor=#fbfeff> 
          <td height=20 bgcolor="#FDF3E1"> 
            <input id=tjCxsj onClick=ShowCxsj() type=radio CHECKED 
      value=ansj name=cxtj>
            按时间查询 </td>
        </tr>
        <tr bgcolor=#fbfeff> 
          <td height=20 bgcolor="#FDF3E1"> 
            <input id=tjCxddh onClick=ShowCxddh() type=radio value=anddh 
      name=cxtj>
            按姓名查询 </td>
        </tr>
        <tr bgcolor=#fbfeff id=tr1 > 
          <td height=24 bgcolor="#FFFFFF"> 
              <FORM name=frmcxsj method=post>
              <table width="100%" border="0" cellspacing="3" cellpadding="2">
                <tr> 
                  <td> 
                    <input id=t1 onClick=Hv() type=radio value=daytoday 
            name=Time1>
                    从：<b> 
                    <select class=editbox3 size=1 name=s1year>
                      <option value=01 selected>2001</option>
                      <option 
              value=02>2002</option>
                      <option value=03>2003</option>
                      <option 
              value=04>2004</option>
                      <option value=05>2005</option>
                      <option 
              value=06>2006</option>
                    </select>
                    </b>年 
                    <select class=editbox3 size=1 name=s1mon>
                      <option value=1 
              selected>1</option>
                      <option value=2>2</option>
                      <option 
              value=3>3</option>
                      <option value=4>4</option>
                      <option 
              value=5>5</option>
                      <option value=6>6</option>
                      <option 
              value=7>7</option>
                      <option value=8>8</option>
                      <option 
              value=9>9</option>
                      <option value=10>10</option>
                      <option 
              value=11>11</option>
                      <option value=12>12</option>
                    </select>
                    月 
                    <select 
            class=editbox3 size=1 name=s1dat>
                      <option value=01 
              selected>1</option>
                      <option value=02>2</option>
                      <option 
              value=03>3</option>
                      <option value=04>4</option>
                      <option 
              value=05>5</option>
                      <option value=06>6</option>
                      <option 
              value=07>7</option>
                      <option value=08>8</option>
                      <option 
              value=09>9</option>
                      <option value=10>10</option>
                      <option 
              value=11>11</option>
                      <option value=12>12</option>
                      <option 
              value=13>13</option>
                      <option value=14>14</option>
                      <option 
              value=15>15</option>
                      <option value=16>16</option>
                      <option 
              value=17>17</option>
                      <option value=18>18</option>
                      <option 
              value=19>19</option>
                      <option value=20>20</option>
                      <option 
              value=21>21</option>
                      <option value=22>22</option>
                      <option 
              value=23>23</option>
                      <option value=24>24</option>
                      <option 
              value=25>25</option>
                      <option value=26>26</option>
                      <option 
              value=27>27</option>
                      <option value=28>28</option>
                      <option 
              value=29>29</option>
                      <option value=30>30</option>
                      <option 
              value=31>31</option>
                    </select>
                    日　到：<b> 
                    <select class=editbox3 size=1 
            name=s2year>
                      <option value=01 selected>2001</option>
                      <option 
              value=02>2002</option>
                      <option value=03>2003</option>
                      <option 
              value=04>2004</option>
                      <option value=05>2005</option>
                      <option 
              value=06>2006</option>
                    </select>
                    </b>年 
                    <select class=editbox3 size=1 name=s2mon>
                      <option value=1 
              selected>1</option>
                      <option value=2>2</option>
                      <option 
              value=3>3</option>
                      <option value=4>4</option>
                      <option 
              value=5>5</option>
                      <option value=6>6</option>
                      <option 
              value=7>7</option>
                      <option value=8>8</option>
                      <option 
              value=9>9</option>
                      <option value=10>10</option>
                      <option 
              value=11>11</option>
                      <option value=12>12</option>
                    </select>
                    月 <b> 
                    <select class=editbox3 size=1 name=s2dat>
                      <option value=01 
              selected>1</option>
                      <option value=02>2</option>
                      <option 
              value=03>3</option>
                      <option value=04>4</option>
                      <option 
              value=05>5</option>
                      <option value=06>6</option>
                      <option 
              value=07>7</option>
                      <option value=08>8</option>
                      <option 
              value=09>9</option>
                      <option value=10>10</option>
                      <option 
              value=11>11</option>
                      <option value=12>12</option>
                      <option 
              value=13>13</option>
                      <option value=14>14</option>
                      <option 
              value=15>15</option>
                      <option value=16>16</option>
                      <option 
              value=17>17</option>
                      <option value=18>18</option>
                      <option 
              value=19>19</option>
                      <option value=20>20</option>
                      <option 
              value=21>21</option>
                      <option value=22>22</option>
                      <option 
              value=23>23</option>
                      <option value=24>24</option>
                      <option 
              value=25>25</option>
                      <option value=26>26</option>
                      <option 
              value=27>27</option>
                      <option value=28>28</option>
                      <option 
              value=29>29</option>
                      <option value=30>30</option>
                      <option 
              value=31>31</option>
                    </select>
                    </b>日  </td>
                </tr>
                <tr> 
                  <td> 
                    <input id=t2 onClick=Vh() type=radio CHECKED 
            value=preday name=Time1>
                    在：<b> 
                    <select class=editbox3 size=1 
            name=s3year>
                      <option value=01 selected>2001</option>
                      <option 
              value=02>2002</option>
                      <option value=03>2003</option>
                      <option 
              value=04>2004</option>
                      <option value=05>2005</option>
                      <option 
              value=06>2006</option>
                    </select>
                    </b>年 
                    <select class=editbox3 size=1 name=s3mon>
                      <option value=1 
              selected>1</option>
                      <option value=2>2</option>
                      <option 
              value=3>3</option>
                      <option value=4>4</option>
                      <option 
              value=5>5</option>
                      <option value=6>6</option>
                      <option 
              value=7>7</option>
                      <option value=8>8</option>
                      <option 
              value=9>9</option>
                      <option value=10>10</option>
                      <option 
              value=11>11</option>
                      <option value=12>12</option>
                    </select>
                    月 <b> 
                    <select class=editbox3 size=1 name=s3dat>
                      <option value=01 
              selected>1</option>
                      <option value=02>2</option>
                      <option 
              value=03>3</option>
                      <option value=04>4</option>
                      <option 
              value=05>5</option>
                      <option value=06>6</option>
                      <option 
              value=07>7</option>
                      <option value=08>8</option>
                      <option 
              value=09>9</option>
                      <option value=10>10</option>
                      <option 
              value=11>11</option>
                      <option value=12>12</option>
                      <option 
              value=13>13</option>
                      <option value=14>14</option>
                      <option 
              value=15>15</option>
                      <option value=16>16</option>
                      <option 
              value=17>17</option>
                      <option value=18>18</option>
                      <option 
              value=19>19</option>
                      <option value=20>20</option>
                      <option 
              value=21>21</option>
                      <option value=22>22</option>
                      <option 
              value=23>23</option>
                      <option value=24>24</option>
                      <option 
              value=25>25</option>
                      <option value=26>26</option>
                      <option 
              value=27>27</option>
                      <option value=28>28</option>
                      <option 
              value=29>29</option>
                      <option value=30>30</option>
                      <option 
              value=31>31</option>
                    </select>
                    </b>日 
                    <input id=pre type=radio CHECKED 
            value="<" name=time2>
                    以前（不含当天） 
                    <input id=nex type=radio value=">" 
            name=time2>
                    以后（包括当天）</td>
                </tr>
                <tr> 
                  <td> 
                    <input class=bottom type=submit value="提交" name=Submit>
                  </td>
                </tr>

            </table>              </form>
          </td>
        </tr>
 
          <tr bgcolor=#fbfeff id=tr2 > 
            <td height=20 bgcolor="#FFFFFF">
          <FORM name=frmcxddh action="../0001/success.asp" method=post>
              <table width="100%" border="0" cellspacing="3" cellpadding="2">
                <tr> 
                  <td height="25">您的以前下的订单： 
                    <select class=editbox1 onChange=chgddh() 
            name=selddh>
                      <option value="" selected>－－请选择－－</option>
                    </select>
                  </td>
                </tr>
                <tr>
                  <td>
                    <input class=bottom type=submit value="提交" name=Submit2>
                  </td>
                </tr>
        
              </table></form>
            </td>
          </tr>

      </table>
    <script language=javascript>
if (tjCxsj.checked==true)
{ShowCxsj()}

if (tjCxddh.checked==true)
{ShowCxddh()}

if (frmcxsj.t1.checked==true)
{Hv()}

if (frmcxsj.t2.checked==true)
{Vh()}

</script>

  • 上一个特效：
  • 下一个特效：
    • 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
    姓 名： *（必填项） ·注册用户·
    Email： QQ号：
    评 分： 1分 2分 3分 4分 5分
    • 您可以发表评论支持你喜欢的文章。
    • 请遵守《互联网电子公告服务管理规定》。
    • 请遵守中华人民共和国各项有关法律法规。
    • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    • 评论人需对自己在使用评论过程中的行为承担法律责任。
    • 本站管理员有权保留或删除评论内容。
    • 评论内容只代表个人观点，与本网站立场无关。
    站内特效搜索
    高级搜索
    ·最新特效　　　　　　
    普通特效 在线颜色选择盘
    普通特效 在线计算器
    普通特效 防止网页被frame引用
    普通特效 让表格有个标题
    普通特效 检测访客浏览器的版本
    普通特效 点击广告后才能进入页面
    普通特效 网页密码验证进入
    普通特效 测试访问者电脑分辩率
    普通特效 Java容错代码(二)
    普通特效 Java容错代码(一)
    ·热门特效　　　　　　
    普通特效 在线颜色选择盘
    普通特效 在线计算器
    普通特效 防止网页被frame引用
    普通特效 让表格有个标题
    普通特效 检测访客浏览器的版本
    普通特效 点击广告后才能进入页面
    普通特效 网页密码验证进入
    普通特效 测试访问者电脑分辩率
    普通特效 Java容错代码(二)
    普通特效 Java容错代码(一)
    普通特效 显示时间的按钮
    普通特效 当前时间（八种形式）
    普通特效 有记事功能的万年历
    普通特效 常用农历日历
    普通特效 自动记录网站更新日期
    普通特效 页面停留时间
    ·网站推广
    普通文章 Google排名策略，大型网站的
    普通文章 小小分析下：南宁时空-南宁时
    普通文章 奥运年,草根站长如何推广网站
    普通文章 站长的“衣食父母者”--百度
    普通文章 发软文让编辑保留连接的方法
    普通文章 爆增流量的经验与站长分享
    普通文章 图王:我为什么鼓励写软文
    普通文章 谈谈破坏排名的种种恶劣手段
    普通文章 做网络传销的宣传网站方式（
    普通文章 雅虎管理器如何提升网站流量
    ·ICO素材

    Lost系列图标打包下载

    东风标致汽车图标下载(含PNG

    XP系统尊贵系列图标下载[含P

    遗失的美好!Lost系列图标续下
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | | 京ICP备 05004866号 |
    版权所有 2007-2008　站长手册 WWW.ZZSC.ORG　业务联系 zzsc.org#gmail.com