这久在修改一个项目的小东西，要求把下拉框改为单选框，由于代码封闭，修改不了获取函数，所以想了个办法让下拉框的内容随单选框的内容变化，下面把代码分享给大家：

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>PHP下拉框对单选框变化</title>
  6. <script type="text/javascript">
  7. var m = "5";
  8. document.getElementById("test").value= m;
  9.  
  10. </script>
  11.  
  12. </head>
  13.  
  14. <body>
  15.  
  16. <input type="text" name="test" id="test">
  17.  
  18. <select name="sel" id="sel" onchange="look();">
  19. <option value="1" >11</option>
  20. <option value="2" selected>22</option>
  21. <option value="3">33</option>
  22. </select>
  23.  
  24. <INPUT TYPE="radio" NAME="a" value="1" onclick="check();">aaaaaaaaaa<br>
  25. <INPUT TYPE="radio" NAME="a" value="2" onclick="check();">bbbbbbbbb<br>
  26. <INPUT TYPE="radio" NAME="a" value="3" onclick="check();">cccc<br>
  27. <script LANGUAGE="javascript">
  28. <!--
  29. function check()
  30. {
  31.  var sel = 0;
  32.  for (var i = 0; i < document.getElementsByName("a").length; i++)
  33.  　{
  34.   　　if(document.getElementsByName("a")[i].checked)
  35.   　　　{
  36.    　　　　sel = document.getElementsByName("a")[i].value;
  37.   　　}
  38.  　}
  39.  　
  40.   var m = sel;
  41.  for(var i = 0;i<document.getElementById("sel").length;i++)
  42.         {
  43.          with(document.getElementById("sel").options[i])
  44.   {
  45.   if(value == m)
  46.   {
  47.   selected = true;
  48.    }
  49.  }
  50. }
  51.  
  52. alert(sel);
  53. }
  54. //-->
  55. </script>
  56. <script type="text/javascript">
  57.  
  58. </script>
  59. </body>
  60. </html>

PHP下拉框内容随单选框内容变化的更多相关文章

  1. 纯css3实现的超炫checkbox复选框和radio单选框

    之前为大家分享了好多css3实现的按钮.今天要为大家分享的是纯css3实现的checkbox复选框和radio单选框,效果超级炫.先让我们看看图吧! 在线预览   源码下载 这个实例完全由css3实现 ...

  2. 复选框(checkbox)、单选框（radiobox）的使用

    复选框(checkbox).单选框(radiobox)的使用 复选框: HTML: // 复选框 <input type="checkbox" name="chec ...

  3. 纯css3简单实用的checkbox复选框和radio单选框

    昨天为大家分享了一款很炫的checkbox复选框和radio单选框,今天再给大家带来一款简单实用的checkbox复选框和radio单选框.界面清淅.舒服.先给大家来张效果图: 在线预览   源码下载 ...

  4. 【jQuery获取下拉框select、单选框radio、input普通框的值和checkbox选中的个数】

    radio单选框:name属性相同 <input type="radio" id="sp_type" name="p_type" va ...

  5. vue之v-for遍历下拉框select和单选框组radio-group

    1.v-for遍历下拉框 <el-form-item label="审核状态:" prop="status"> <el-select v-mo ...

  6. bootstrap 响应式导航条模板（含下拉菜单，弹出框）

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. selenium操作下拉选和网页提示框

    import time from selenium import webdriver from selenium.webdriver.support.select import Select#处理下拉 ...

  8. selemiun 下拉菜单、复选框、弹框定位识别

    一.下拉菜单识别 对下拉框的操作,主要是通过Select 类里面的方法来实现的,所以需要new 一个Select 对象(org.openqa.selenium.support.ui.Select)来进 ...

  9. pyqt下拉菜单和打开指定的内容（或者exe,doc,ppt,url等内容）

    #下拉菜单及显示 def _action(self): menu=QMenu(self) menu1=menu.addMenu(u'文件') menu11=menu1.addAction(u'新建任务 ...

随机推荐

  1. Apache模块mod_security 和 Nginx过滤配置

    1.安装mod_securityyum install mod_security 2.安装mod_security_crsyum install mod_security_crs 3.在/etc/ht ...

  2. C#中判断字符是否大写

    在C#中,通常判断一个字符是否为大写字母,有些人可能会第一时间想到用正则表达式,那除了正则表达式,是否还有其他方式呢? 答案是肯定的,先一睹为快,具体代码如下: using System; using ...

  3. php://input,php://filter,data URI schema的那些事

    一.php://input一句话木马 在调研dedecms的历史漏洞时,发现了dedecms安装文件曾经出过被植入后门的漏洞(SSV-ID站点include目录下shopcar.class.php文件 ...

  4. angularJs实现信息数据提交功能

    如下简单的报名提交的实现 1.数据绑定 2.$http.post()提交数据 一.数据绑定 <!--报名部分--> <div class="attend_box" ...

  5. 《Linux内核设计与实现》CHAPTER5阅读梳理

    <Linux内核设计与实现>CHAPTER5阅读梳理 [学习时间:2.5hours] [学习内容:系统调用的概念.功能及实现:系统调用的创建和使用方法] CHAPTER5 系统调用 1.系 ...

  6. WINFORM 打开PDF

    这里使用 Adobe Read 组件 的方式 首先电脑上需要安装AdobeRead VS中添加COM引用 再在工具选项卡中添加Adobe PDF Read 组件即可 从工具箱中直接拖动组件到窗体中即可

  7. linux的mount（挂载）命令

    前言: 1.挂载点必须是一个目录. 2.一个分区挂载在一个已存在的目录上,这个目录可以不为空,但挂载后这个目录下以前的内容将不可用. 对于其他操作系统建立的文件系统的挂载也是这样.但是需要理解的是:光 ...

  8. curl 查看一个web站点的响应时间(rt)

    1. curl 查看web站点rt curl -o /dev/null -s -w %{time_namelookup}::%{time_connect}::%{time_starttransfer} ...

  9. 20145320 《Java程序设计》第七周学习总结

    20145320 <Java程序设计>第七周学习总结 教材学习内容总结 13章 时间与日期 时间的度量: 格林威治标准时间(GMT时间),现已不作为标准时间使用. 世界时(UT),秒的单位 ...

  10. C++复现经典游戏——扫雷

    国庆小长假,当大家都去看人山人海的时候,我独自一人狂码代码.这两天想要实现的内容是Windows上的一个经典游戏——扫雷.相信90后和一些上班族对此并不陌生.然而,从win8开始,扫雷就不再是Wind ...