星级高手请进：选择器取得radio值的问题！

lawdoor 2004-04-30 11:41:18
<html>
<head>
</head>
<body bgcolor="#FFFFFF">
<form name="form">
<table border=0 cellpadding=0 cellspacing=0><form name=form>
<tr>
<td>
<select id=list1 size=8 ondblclick="moveOption(this,this.form.list2)" style="width:200">
<option value="1">Item 1
<option value="2">Item 2
<option value="3">Item 3
<option value="4">Item 4
<option value="5">Item 5
<option value="6">Item 6
</select>
</td>
<td width=40 align=center>
<input name=add type=button value=">>>" onclick="moveOption(this.form.list1, this.form.list2)"><br/><br/>
<input name=sub type=button value="<<<" onclick="moveOption(this.form.list2,this.form.list1)">
</td>
<td>
<select id=list2 size=8 ondblclick="moveOption(this,this.form.list1)" style="width:200">
</select>
</td>
</tr>
<tr>
<td colspan="3">
<select name="select3">
<option value="1" selected>我</option>
<option value="2">你</option>
<option value="3">他</option>
<option value="4">第三者</option>
</select>
<input type="text" name="t1">
<input type="text" name="t2">
</td>
</tr>
</table>
</form>
<script language="JavaScript"><!--
var sel = document.all.list2;
function moveOption(e1, e2)
{
try
{
var text = "";
var values = "";
var e = e1.options[e1.selectedIndex];
var sel = document.all.select3.options[document.all.select3.selectedIndex].text;
var theV = document.all.select3.options[document.all.select3.selectedIndex].value;
if(e1.id == "list1")
{
text = e.text+","+sel;
values = e.value+","+theV;
}
else
{
text = e.text.split(",")[0];
values = e.value.split(",")[0];
}
e2.options.add(new Option(text,values));
e1.options.remove(e1.selectedIndex);
getValue();
}
catch(e){}
}

function getValue()
{
var str="";
var val="";
for(var i=0;i<document.all.list2.length;i++)
{
str += document.all.list2[i].text+";";
val += document.all.list2[i].value+";";
}
document.form.t1.value = str;
document.form.t2.value = val;
}
//-->
//-->
</script>
</body>
</html>
现在问题是，将
<select name="select3">
<option value="1" selected>我</option>
<option value="2">你</option>
<option value="3">他</option>
<option value="4">第三者</option>
</select>
改为：
<input type="radio" name="select3" value="我">
<input type="radio" name="select3" value="你">
<input type="radio" name="select3" value="他">
<input type="radio" name="select3" value="第三者">
以上程序该如何改动？？
...全文
78 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
lawdoor 2004-04-30
  • 打赏
  • 举报
 回复
呵呵！揭贴！·
kinzey 2004-04-30
  • 打赏
  • 举报
 回复
晕...
这不难啊
lawdoor 2004-04-30
  • 打赏
  • 举报
 回复
kisslan你好！这是你是原著，谢谢谢谢！
佩服，佩服！
kisslan 2004-04-30
  • 打赏
  • 举报
 回复
<html>
<head>
</head>
<body bgcolor="#FFFFFF">
<form name="form">
<table border=0 cellpadding=0 cellspacing=0><form name=form>
<tr>
<td>
<select id=list1 size=8 ondblclick="moveOption(this,this.form.list2)" style="width:200">
<option value="1">Item 1
<option value="2">Item 2
<option value="3">Item 3
<option value="4">Item 4
<option value="5">Item 5
<option value="6">Item 6
</select>
</td>
<td width=40 align=center>
<input name=add type=button value=">>>" onclick="moveOption(this.form.list1, this.form.list2)"><br/><br/>
<input name=sub type=button value="<<<" onclick="moveOption(this.form.list2,this.form.list1)">
</td>
<td>
<select id=list2 size=8 ondblclick="moveOption(this,this.form.list1)" style="width:200">
</select>
</td>
</tr>
<tr>
<td colspan="3">
<input type="radio" name="select3" value="我" checked>我
<input type="radio" name="select3" value="你">你
<input type="radio" name="select3" value="他">他
<input type="radio" name="select3" value="第三者">第三者
<input type="text" name="t1">
<input type="text" name="t2">
</td>
</tr>
</table>
</form>
<script language="JavaScript"><!--
var sel = document.all.list2;
function moveOption(e1, e2)
{
try
{
var text = "";
var values = "";
var e = e1.options[e1.selectedIndex];
var sel = getRadio();
if(e1.id == "list1")
{
text = e.text+","+sel;
values = e.value+","+sel;
}
else
{
text = e.text.split(",")[0];
values = e.value.split(",")[0];
}
e2.options.add(new Option(text,values));
e1.options.remove(e1.selectedIndex);
getValue();
}
catch(e){}
}

function getValue()
{
var str="";
var val="";
for(var i=0;i<document.all.list2.length;i++)
{
str += document.all.list2[i].text+";";
val += document.all.list2[i].value+";";
}
document.form.t1.value = str;
document.form.t2.value = val;
}

function getRadio()
{
for(var i=0;i<document.form.select3.length;i++)
{
if(document.form.select3[i].checked)
return document.form.select3[i].value;
}
}
//-->
//-->
</script>
</body>
</html>

lawdoor 2004-04-30
  • 打赏
  • 举报
 回复
顶一下！
HTML必知必会精讲
单选输入框radio，复选输入框checkbox，文本域textarea，文件上传项file，提交按钮submit，恢复按钮reset，普通按钮button，下拉输入框select，隐藏项hidden）、div和span标签、元标签meta、base标签、link标签、...
SurfEasy：网络自由与隐私保护神器
正值午饭时间，坐在电脑前面啃便当的童鞋请顺便观看由Buzzlab为大家准备的有关SurfEasy的视频，以便在肚子饱饱的同时放松心情。当当当，开课啦！ 如果你曾在和朋友高谈阔论的时候接到令人厌烦的推销电话，如果你...
谁也别拦我！今天我要曝光JavaScript 资源大全中文版！
我想很多程序员应该记得 GitHub 上有一个 ...awesome-javascript 是 sorrycc 发起维护的 JS 资源列表，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎、数据可视化、时间轴、编辑器等等
VUE基础学习笔记
VUE基础学习笔记vue 的安装生命周期钩子模板语法常用指令数据侦听器Class、Style 绑定组件插槽 1.基本使用 (学习QQ群：330737900) 本篇的主要内容有： vue 的安装 生命周期钩子 模板语法 常用指令 数据侦听器 Class...
JQERY 大全
JQuery首先是由一个 America 的叫什么 John Resig的人创建的，后来又很多的JS高手也加入了这个团队。其实 JQuery是一个JavaScript的类库，这个类库集合了很多功能方法，利用类库你可以用简单的一些代码实现一些复杂...
JavaScript

87,910

社区成员

224,616

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章