PHP下拉框内容随单选框内容变化

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PHP下拉框对单选框变化</title>
<script type="text/javascript">
var m = "5";
document.getElementById("test").value= m;

</script>

</head>

<body>

<input type="text" name="test" id="test">

<select name="sel" id="sel" onchange="look();">
<option value="1" >11</option>
<option value="2" selected>22</option>
<option value="3">33</option>
</select>

<INPUT TYPE="radio" NAME="a" value="1" onclick="check();">aaaaaaaaaa<br>
<INPUT TYPE="radio" NAME="a" value="2" onclick="check();">bbbbbbbbb<br>
<INPUT TYPE="radio" NAME="a" value="3" onclick="check();">cccc<br>
<script LANGUAGE="javascript">
<!--
function check()
{
 var sel = 0;
 for (var i = 0; i < document.getElementsByName("a").length; i++)
  {
    if(document.getElementsByName("a")[i].checked)
     {
       sel = document.getElementsByName("a")[i].value;
    }
  }
  
  var m = sel;
 for(var i = 0;i<document.getElementById("sel").length;i++)
        {
         with(document.getElementById("sel").options[i])
  {
  if(value == m)
  {
  selected = true;
   }
 }
}

alert(sel);
}
//-->
</script>
<script type="text/javascript">

</script>
</body>
</html>
时间: 2024-10-13 02:31:42

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

checbox复选框实现radio单选框的单选功能

checbox复选框实现radio单选框的单选功能:大家知道复选框可以一次选中多个,单选按钮每次只能够选中其中的一个,但是单选按钮比较霸道,你选中以后,只能够且必须选中其中一个,所有下面就通过checkbox复选框模拟实现单选按钮的功能,但是能够取消选中的项.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author"

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

之前为大家分享了好多css3实现的按钮.今天要为大家分享的是纯css3实现的checkbox复选框和radio单选框,效果超级炫.先让我们看看图吧! 在线预览   源码下载 这个实例完全由css3实现的没有任何js代码.下面我们一起看下实现代码吧 html代码: <div style="width:200px; float:left"> <label> <input type="checkbox" class="option-

css3的实现的checkbox复选框和radio单选框绚丽美化效果

css3的实现的checkbox复选框和radio单选框绚丽美化效果:在css3之前要美化单选框和复选框无非是使用图片进行相关的替换操作,并且还有很大的局限性.由于css3的出现,一切好像变的都变的轻松起来,并且效果非常的绚丽,这是使用css2无法做到的,下面就分享一段能够实现此功能的代码实例,需要的朋友可以做一下参考.代码如下: <!DOCTYPE html><html> <head> <meta charset=" utf-8"> &

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

一.下拉菜单识别 对下拉框的操作,主要是通过Select 类里面的方法来实现的,所以需要new 一个Select 对象(org.openqa.selenium.support.ui.Select)来进行操作 public void selectDemo() throws InterruptedException { driver.get("http://tieba.baidu.com/f/search/adv?red_tag=v3168911135"); driver.manage()

pyqt下拉菜单和打开指定的内容(或者exe,doc,ppt,url等内容)

#下拉菜单及显示 def _action(self): menu=QMenu(self) menu1=menu.addMenu(u'文件') menu11=menu1.addAction(u'新建任务') menu1.addSeparator() menu12=menu1.addAction(u'删除全部任务') menu13=menu1.addAction(u'删除') menu1.addSeparator() menu14=menu1.addAction(u'清空列表') menu.addS

[oldboy-django][2深入django]Form组件实现生成: select下拉框, checkbox复选框,radio单选框以及如何实现自定义数据格式要求

1 需求 - 1Form组件如何实现生成选择类标签: select,check, radio - 默认值 - 保留上次输入的值 - 2自定义验证规则 - RegexField - -

实现查询条件文本框、下拉表、复选框页面组装

<form id="content">     <%         if ("OPCODE".equals(dicType)) {     %>     <div id="opCodeCompent"></div>     <%     } else if ("CHANNEL".equals(dicType)) {     %>     <div id=&qu

select 下拉选择自动到textarea框

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <select name="prl" id="prl" onchange="func6(this)">

综合运用开关按钮JToggleButton、复选框JCheckBox、单选框JRadioButton和按钮ButtonGroup,设计如下界面

import java.awt.*; import java.awt.event.*; import javax.util.*; public class ButtonGroupDemo{ private JFname f=new JFname("按钮综合应用"); private JPanel pc=new JPanel(new GridLayout(1,3)); private JPanel p1=new JPanel(new GridLayout(4,1,0,20)); priv