类似的例子,改改就可以了。<script language="JavaScript">
<!--
//添加选项
function addOption(formName)
{
var oOption = document.createElement("OPTION");
oOption.text="新添的选项";
oOption.value="新添的选项";
formName.selectName.add(oOption);
}
//删除所有的选项
function delAllOption(formName)
{
var j=formName.selectName.length;
for(var i=j-1;i>=0;i--)
{
formName.selectName.remove(i);
}}
//-->
</script>
.
.
.
.
<form name="formName">
//写下你的select和button onClick="addOption(this.form)" or
//onClick="delAllOption(this.form)"
</form>
<!--
//添加选项
function addOption(formName)
{
var oOption = document.createElement("OPTION");
oOption.text="新添的选项";
oOption.value="新添的选项";
formName.selectName.add(oOption);
}
//删除所有的选项
function delAllOption(formName)
{
var j=formName.selectName.length;
for(var i=j-1;i>=0;i--)
{
formName.selectName.remove(i);
}}
//-->
</script>
.
.
.
.
<form name="formName">
//写下你的select和button onClick="addOption(this.form)" or
//onClick="delAllOption(this.form)"
</form>
解决方案 »
- 求一JS特效 关于图片的
- 鼠标经过显示全部内容离开隐藏部分内容不会写
- 现在有多少种非IE内核的浏览器种类?
- javascript 日期的一个问题,在线等啊!!急,谢谢~~
- javascrip 中怎么获得系统信息? 11:20之前在线等候,急啊
- help在线等待!
- 怎样获取光标在文本中的位置?
- 怎样使<td></td>的背景色渐变起来?
- clientX, clientY,offsetX, offsetY,screenX, screenY, x, y 的区别是什么?
- 百度发明的神代码。菜鸟表示很无奈。求大神小神来帮忙。谢谢 // 百度地图API功能 从上地到西单驾车需要 的行车时间 表示读不懂 求翻译神
- 如何制作滚动新闻
- 谁能给一个使用javascript和数据库交互的树形图!或知道那有下在的!!在线等待!!立刻给分
但我想添加的option的内容是另外一个select被鼠标点中的记录.
现在主要的问题就是我不知道怎么把被鼠标点中的记录取出来!!!
麻烦指教!!!
function get()
{
var obj=document.createElement("Option");
form1.B.options.add(obj);
obj.innerText=form1.A.options[form1.A.selectedIndex].innerText;
obj.value=form1.A.options[form1.A.selectedIndex].value;
form1.A.options.remove(form1.A.selectedIndex);
}
</script>
<form name=form1>
<select name=A >
<option value=1 >1
<option value=2 >2
<option value=3 >3
</select>
<select name=B >
</select>
<input type=button onclick="get()" value="aa">
</form>
function doMove() {
var i = document.frm1.d1.selectedIndex;
alert(i);
if(i >= 0) {
var opt = document.createElement("option");
opt.text = document.frm1.d1.value ;
opt.value = document.frm1.d1.value;
frm1.d2.add(opt); // 添加
frm1.d1.remove(i); // 删除
frm1.d1.selectedIndex = 0; //删除后定位到第一个元素
}
}
</script><form name=frm1 size=1>
<select name="d1">
<option value="d1_01">d1_01</option>
<option value="d1_02">d1_02</option>
<option value="d1_03">d1_03</option>
<option value="d1_04">d1_04</option>
</select>
<select name="d2" size=1>
<option value="d2_01">d2_01</option>
<option value="d2_02">d2_02</option>
<option value="d2_03">d2_03</option>
<option value="d2_04">d2_04</option>
</select>
<input type=button value="movevalue" onclick=doMove()>
</form>
{
for(var i=0; i<firstBox.options.length; i++)
{
if(firstBox.options[i].selected && firstBox.options[i].value !3D "")
{
//增加项目列表到右侧0D
var no = new Option();
no.value = firstBox.options[i].value;
no.text = firstBox.options[i].text;
0A secondBox.options[secondBox.options.length] = no;
//清空左侧项目列表 0D
firstBox.options[i] 3D null;
}
}
}================================================================CSDN 论坛助手 Ver 1.0 B0402提供下载。 改进了很多,功能完备!★ 浏览帖子速度极快![建议系统使用ie5.5以上]。 ★ 多种帖子实现界面。
★ 保存帖子到本地[html格式]★ 监视您关注帖子的回复更新。0D
★ 可以直接发贴、回复帖子★ 采用XML接口,可以一次性显示4页帖子,同时支持自定义每次显示帖子数量。可以浏览历史记录!
★ 支持在线检测程序升级情况,可及时获得程序更新的信息。
0A
★★ 签名 ●
可以在您的每个帖子的后面自动加上一个自己设计的签名哟。Http://www.ChinaOK.net/csdn/csdn.zip
Http://www.ChinaOK.net/csdn/csdn.rar
Http://www.ChinaOK.net/csdn/csdn.exe [自解压]
1:设置2个按钮,一个是up,在一个下拉框中,点击up,下拉框被鼠标点中的记录就上移一格.点击down,下拉框中被鼠标点中的记录就下移一格.
2:在网页中如何传参数给Applet,也是通过链接地址吗?
感谢大家帮我解决问题,等一下我就给分!!!
<script language="javascript">
function doUp() {
var i = document.frm1.d1.selectedIndex;
if(i > 0)
frm1.d1.selectedIndex = i-1;
}function doDown() {
var count = document.frm1.d1.length;
var i = document.frm1.d1.selectedIndex;
if(i < count-1)
frm1.d1.selectedIndex = i+1;
}
</script><form name=frm1 size=1>
<select name="d1">
<option value="d1_01">d1_01</option>
<option value="d1_02">d1_02</option>
<option value="d1_03">d1_03</option>
<option value="d1_04">d1_04</option>
</select>
<input type=button value="up" onclick=doUp()>
<input type=button value="down" onclick=doDown()>
</form>
function copyList(from,to)
{var sel = false; //用于检测是否有选中项目(初设为false)
for (i=0;i<fromList.options.length;i++)
{ var current = from.options[i];
if (current.selected)
{ sel = true; //当有选中项目时,sel 设置为“true”
txt = current.text;
val = current.value;
to.options[to.length] = new Option(txt,val); //增加列表的项目
from.options[i] = null; //把选中的列表内容删除
i--;
}
}
if (!sel) alert ('你还没有选择任何项目!');
}
</SCRIPT>第二部分代码请放在<BODY></BODY>之间:
<TABLE WIDTH="412">
<TR>
<TD WIDTH="161"><FONT COLOR="#009999">
<SELECT NAME="select1" SIZE="5" MULTIPLE STYLE="width: 150px">
<OPTION VALUE="http://coold.cn99.com">D-元素</OPTION>
<OPTION VALUE="http://www.51js.com">无忧脚本</OPTION>
<OPTION VALUE="http://JavaHouse.126.com">子昂轩</OPTION>
<OPTION VALUE="http://www.wanxu.com">万旭工作室</OPTION>
<OPTION VALUE="http://91js.6to23.com/">哇哈特效站</OPTION>
</SELECT>
</FONT> </TD>
<TD WIDTH="59" VALIGN="TOP"><BR>
<A HREF="javascript:copyList(select1,select2)">右移 ==></A><BR>
<BR>
<BR>
<A HREF="javascript:copyList(select2,select1)"><== 左移</a></TD>
<TD WIDTH="181">
<SELECT NAME="select2" SIZE="5" MULTIPLE STYLE="width: 150px">
</SELECT>
</TD>
</TR>
</TABLE>非常好用的,你试试看