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

<!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>

转载于:https://www.cnblogs.com/linuxnewbie/p/4766188.html

PHP下拉框内容随单选框内容变化相关推荐

  1. 复选框(checkbox)、单选框(radiobox)的使用

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

  2. checkbox多选框,radio单选框

    checkbox多选框,radio单选框 一.checkbox多选框 1.语法 2.用法实例 二.radio单选框 1.语法 2.案例 一.checkbox多选框 1.语法 <input nam ...

  3. html表单设置单选框,html如何实现表单的选择框效果?单选框与多选框的实现(代码实例)...

    在使用表单提交数据的时候,为了减少用户的一些操作,使用选择框是一个好主意.本章给大家介绍html如何实现表单的选择框效果?单选框与复选框的实现(代码实例).通过单选框代码和复选框代码实例,实现单选框样 ...

  4. php 下拉树 多项选择框,jQuery树形下拉框插件multipleTree升级

    插件描述:tree是基于jqueryztree开发的树形下拉选择框插件,支持ie8+谷歌,火狐,360等浏览器(multipleTree升级版) 更新时间:2020-09-26 00:48:20 更新 ...

  5. java过去单选框选择的内容_java单选框默认选中

    ; { } 运行程序后,输出结果为: 3.以下程序段是图形界面设计中在一个框架上放置两个单选框,其中两个选项 为"男"和"女" ,缺省情况下"男&qu ...

  6. excel中通过下拉菜单显示不同的报表内容,类似下拉选项中,一旦切换内容,后面的表格内容全都不同?

    EXCEL是日常办公中应用非常多的办公软件之一,其强大的数据统计.分析功能为我们的工作带来不少方便.我们可以在EXCEL中设置下拉菜单,以方便我们输入相同内容.本文就以将性别设置为下拉菜单为例,介绍具 ...

  7. java写html的多选框,Selenium+java - 单选框及复选框处理

    Selenium+java - 单选框及复选框处理 一.什么是单选框.复选框? 二.被测页面html源代码 CheckBoxRadioDemo.html CheckBox.Radio练习案例 复选框 ...

  8. CSS3重新定义input中呆若木鸡的默认复选框CheckBox和单选框Radio样式

    <!DOCTYPE html> <html> <head><meta charset="UTF-8"><style>/* ...

  9. html滚动选择框代码,如何使用最简单纯Css代码美化checkbox复选框、radios单选框和滑动按钮...

    最简洁的代码美化复选框.单选框和滑动按钮 效果预览 1. 复选框 .switch { margin: 20px 20px 0 0; display: flex; align-items: center ...

  10. Android用按钮确定单选框,Android RadioButton单选框的使用方法

    Android RadioButton单选框的使用方法 复制代码 代码如下: public class MainActivity extends Activity { public RadioGrou ...

最新文章

  1. 剑指offer:从上往下打印二叉树
  2. 工商银行:IT新架构及银行IT架构转型思考
  3. C#中WinForm程序退出方法
  4. pdf.js 在线浏览pdf组件构建与安装注意事项
  5. 手机 跑linux,你可曾想过在iOS上跑Linux?
  6. OpenGL normalviewer普通视图的实例
  7. php中OpenFlashChart使用之线性图表使用例子
  8. 汇编语言-017(SCASW 、STRUCT 、STRUCT_ALLPOINTS 、STRUCT_ALIGN 、SYSTEMTIME、UNION 、 STRUCTTEST )
  9. VS2015 定时服务及控制端
  10. SQLlite数据导入到mySQL_如何批量导入数据到Sqlite数据库
  11. linux 升级centos7,Linux之从Centos 6.x 升级Centos7
  12. JS学习笔记6-JavaScript 数据类型
  13. appium学习链接记录
  14. HTML动态分页函数
  15. python变现实现新浪微博登陆
  16. 数据库系统(DBS)组成
  17. 微信公众号开发技术要点
  18. TSINGSEE青犀视频构建pion webrtc运行broadcast示例的步骤
  19. Spark:解析CSV文件并按列值分组
  20. 华为云区块链BCS笔记

热门文章

  1. Java事件处理机制的两个案例
  2. vscode C++配置opencv
  3. 火灾烟雾检测数据集和yolov4-yolov5检测模型
  4. Python破解验证码,只要15分钟就够了!
  5. Caffe学习:pycaffe利用caffemodel进行分类=裁剪图片
  6. 如何开发神经网络来预测汽车保险支出
  7. Python实现多变量序列堆叠式LSTM模型,并实现未来多时刻预测
  8. python求解重叠区域线段覆盖总长度
  9. 2021-06-22列表样式与背景图片
  10. 写偏斜(Write Skew)和丢失更新(Lost Updates)区别