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>
转载于:https://www.cnblogs.com/linuxnewbie/p/4766188.html
PHP下拉框内容随单选框内容变化相关推荐
- 复选框(checkbox)、单选框(radiobox)的使用
复选框(checkbox).单选框(radiobox)的使用 复选框: HTML: // 复选框 <input type="checkbox" name="chec ...
- checkbox多选框,radio单选框
checkbox多选框,radio单选框 一.checkbox多选框 1.语法 2.用法实例 二.radio单选框 1.语法 2.案例 一.checkbox多选框 1.语法 <input nam ...
- html表单设置单选框,html如何实现表单的选择框效果?单选框与多选框的实现(代码实例)...
在使用表单提交数据的时候,为了减少用户的一些操作,使用选择框是一个好主意.本章给大家介绍html如何实现表单的选择框效果?单选框与复选框的实现(代码实例).通过单选框代码和复选框代码实例,实现单选框样 ...
- php 下拉树 多项选择框,jQuery树形下拉框插件multipleTree升级
插件描述:tree是基于jqueryztree开发的树形下拉选择框插件,支持ie8+谷歌,火狐,360等浏览器(multipleTree升级版) 更新时间:2020-09-26 00:48:20 更新 ...
- java过去单选框选择的内容_java单选框默认选中
; { } 运行程序后,输出结果为: 3.以下程序段是图形界面设计中在一个框架上放置两个单选框,其中两个选项 为"男"和"女" ,缺省情况下"男&qu ...
- excel中通过下拉菜单显示不同的报表内容,类似下拉选项中,一旦切换内容,后面的表格内容全都不同?
EXCEL是日常办公中应用非常多的办公软件之一,其强大的数据统计.分析功能为我们的工作带来不少方便.我们可以在EXCEL中设置下拉菜单,以方便我们输入相同内容.本文就以将性别设置为下拉菜单为例,介绍具 ...
- java写html的多选框,Selenium+java - 单选框及复选框处理
Selenium+java - 单选框及复选框处理 一.什么是单选框.复选框? 二.被测页面html源代码 CheckBoxRadioDemo.html CheckBox.Radio练习案例 复选框 ...
- CSS3重新定义input中呆若木鸡的默认复选框CheckBox和单选框Radio样式
<!DOCTYPE html> <html> <head><meta charset="UTF-8"><style>/* ...
- html滚动选择框代码,如何使用最简单纯Css代码美化checkbox复选框、radios单选框和滑动按钮...
最简洁的代码美化复选框.单选框和滑动按钮 效果预览 1. 复选框 .switch { margin: 20px 20px 0 0; display: flex; align-items: center ...
- Android用按钮确定单选框,Android RadioButton单选框的使用方法
Android RadioButton单选框的使用方法 复制代码 代码如下: public class MainActivity extends Activity { public RadioGrou ...
最新文章
- 剑指offer:从上往下打印二叉树
- 工商银行:IT新架构及银行IT架构转型思考
- C#中WinForm程序退出方法
- pdf.js 在线浏览pdf组件构建与安装注意事项
- 手机 跑linux,你可曾想过在iOS上跑Linux?
- OpenGL normalviewer普通视图的实例
- php中OpenFlashChart使用之线性图表使用例子
- 汇编语言-017(SCASW 、STRUCT 、STRUCT_ALLPOINTS 、STRUCT_ALIGN 、SYSTEMTIME、UNION 、 STRUCTTEST )
- VS2015 定时服务及控制端
- SQLlite数据导入到mySQL_如何批量导入数据到Sqlite数据库
- linux 升级centos7,Linux之从Centos 6.x 升级Centos7
- JS学习笔记6-JavaScript 数据类型
- appium学习链接记录
- HTML动态分页函数
- python变现实现新浪微博登陆
- 数据库系统(DBS)组成
- 微信公众号开发技术要点
- TSINGSEE青犀视频构建pion webrtc运行broadcast示例的步骤
- Spark:解析CSV文件并按列值分组
- 华为云区块链BCS笔记