我想单击某一个链接后,改变下拉列表的选项! 给你的链接添加onclick事件,不要加href 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <Script language="JavaScript"> <!--function AddOpt(frm){var opt;opt = new Option;opt.value = 'd';opt.text = 'ddd';frm.xxx.add(opt);}//--></Script><a href="JavaScript:AddOpt(this.form)">ABCDE</a> 给你一个很简单的演示代码,你可以根据你的需要自己修改,反正看了代码,原理就知道了。<HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""><SCRIPT LANGUAGE="JavaScript"><!--function change(){obj=document.all("test").optionsfor(i=0;i<obj.length;i++){obj.remove(i);}obj.remove(0);for(i=0;i<10;i++){opt=new Option("Your Select");obj.add(opt);}}//--></SCRIPT></HEAD><BODY BGCOLOR="#FFFFFF"><SELECT id="test" onchange="change();"><option value="name">==============<option value="name">Zosatapo</SELECT></BODY></HTML> zosatapo(隆杰)我如何同时传递每个选项的value值呢? 可以设hidden域把值保存在页面上 是的,但是它不是还有value值吗<option value"?">your select</option>我想要value的值! 我上午写的有点仓促的,代码也有一点的,现在我写了一个比较完整的演示代码。同时我会就这个问题谈我一点我的看法:1# 注意一点概念opt=new Option("your option name","your option value");2# 关于这个实现问题,jscript同时提供很多选择的。主要有我这里写的就是一个;innerHTML;innerHTML+Array+Array.jion()三种方法;对于选择项不多的项目,我写的这样就可以了,要是选择项很多的话,最好用innerHTML结合其他技术来实现。3#下面我修改后的完整代码(我可是利用上班时间写的拉!!我很就以前是专门的网站设计人员,现在我主要从事java电子商务以及com/dcom(当然利用c/c++)开发了,所以有些代码写的不如以前好了,呵呵~~~~~)<HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""><style type="text/css">body{font-family:Courier New, Courier}select{font-size:8pt;font-family:Courier New, Courier}input{font-size:8pt;font-family:Courier New, Courier}</style><SCRIPT LANGUAGE="JavaScript"><!--var Name=new Array(3);var Value=new Array(3);Name[1]=new Array("Zosatapo1","Zosatapo2","Zosatapo3","Zosatapo4");Name[2]=new Array("Reic Yang1","Reic Yang2","Reic Yang3","Reic Yang4");function change(){selIndex=document.all("test").selectedIndex;if(document.all("test").selectedIndex==0) return;for(i=document.all("test").options.length-1;i>-1;i--){ document.all("test").options.remove(i);}for(i=0;i<Name[selIndex].length;i++){document.all("test").options.add(new Option(Name[selIndex][i],"name"+i));}}function changeEx(){for(i=document.all("sub").options.length;i>0;i--){document.all("sub").options.remove(i-1);}if(document.all("main").selectedIndex==0){document.all("sub").options.add(new Option("==========","-1"));return;}selIndex=document.all("main").selectedIndex;for(i=0;i<Name[selIndex].length;i++){document.all("sub").options.add(new Option(Name[selIndex][i],"name"+i));}}function reset(){for(i=document.all("test").options.length-1;i>-1;i--){ document.all("test").options.remove(i);}document.all("test").options.add(new Option("==========","-1"));document.all("test").options.add(new Option("Zosatapo","1"));document.all("test").options.add(new Option("Reic Yang","2"));}function display(object){alert(object.options[object.selectedIndex].text+" "+object.options[object.selectedIndex].value);}//--></SCRIPT></HEAD><BODY BGCOLOR="#FFFFFF">First Sample:<br><font color="blue">All items will change After you Selected!</font><br><SELECT id="test" onchange="change();"><option value="-1" selected>==========<option value="1">Zosatapo<option value="2">Reic Yang</SELECT><input name="Reset Select" type="button" value="Reset Select" onclick="reset();" ><br><br>Second Sample:<br><font color="blue">You selected Item in Main Select will change the Sub select Content!</font><br>Main Select:<SELECT id="main" onchange="changeEx();"><option value="-1" selected>==========<option value="1">Zosatapo<option value="2">Reic Yang</SELECT>Sub Select:<SELECT id="sub" onchange="display(this);"><option value="-1" selected>==========</SELECT><br><br></BODY></HTML> 我忘了讲一点,就是Option有两个属性就是value和text;opt=new Option();opt.value="your value";opt.text="option name";写成程序代码看起来就是这样的:<option value="your value">option name</option>现在应该很容易明白了吧 javascript获取对象问题? 有关setTimeout的问题 如何获取class的值 new ActiveXObject( "WScript.Shell ")调用exe文件时,提示Automation服务器不能创建对象 请教一个按钮单击的网通 请教一下,很简单的载入问题,网页中! 急救!批量插入文本内容 判断本地文件是否存在 help!!!!如何在一个js文件中调用另一个js文件中的函数????? 请问join的用法,谢谢! 菜鸟的问题????????????????????? 能否button对象赋给变量?如何?
<!--
function AddOpt(frm)
{
var opt;opt = new Option;
opt.value = 'd';
opt.text = 'ddd';
frm.xxx.add(opt);
}
//-->
</Script>
<a href="JavaScript:AddOpt(this.form)">ABCDE</a>
反正看了代码,原理就知道了。
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function change(){
obj=document.all("test").options
for(i=0;i<obj.length;i++){
obj.remove(i);
}
obj.remove(0);for(i=0;i<10;i++){
opt=new Option("Your Select");
obj.add(opt);}
}
//-->
</SCRIPT>
</HEAD><BODY BGCOLOR="#FFFFFF">
<SELECT id="test" onchange="change();">
<option value="name">==============
<option value="name">Zosatapo
</SELECT>
</BODY>
</HTML>
我如何同时传递每个选项的value值呢?
1# 注意一点概念
opt=new Option("your option name","your option value");2# 关于这个实现问题,jscript同时提供很多选择的。主要有
我这里写的就是一个;innerHTML;innerHTML+Array+Array.jion()三种方法;
对于选择项不多的项目,我写的这样就可以了,要是选择项很多的话,最好用innerHTML结合
其他技术来实现。
3#下面我修改后的完整代码
(我可是利用上班时间写的拉!!我很就以前是专门的网站设计人员,现在我主要从事java电子商务以及com/dcom(当然利用c/c++)开发了,所以有些代码写的不如以前好了,呵呵~~~~~)
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
body{font-family:Courier New, Courier}
select{font-size:8pt;font-family:Courier New, Courier}
input{font-size:8pt;font-family:Courier New, Courier}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
var Name=new Array(3);
var Value=new Array(3);
Name[1]=new Array("Zosatapo1","Zosatapo2","Zosatapo3","Zosatapo4");
Name[2]=new Array("Reic Yang1","Reic Yang2","Reic Yang3","Reic Yang4");function change()
{
selIndex=document.all("test").selectedIndex;
if(document.all("test").selectedIndex==0)
return;for(i=document.all("test").options.length-1;i>-1;i--)
{
document.all("test").options.remove(i);
}for(i=0;i<Name[selIndex].length;i++)
{
document.all("test").options.add(new Option(Name[selIndex][i],"name"+i));
}}function changeEx(){
for(i=document.all("sub").options.length;i>0;i--)
{
document.all("sub").options.remove(i-1);
}
if(document.all("main").selectedIndex==0){
document.all("sub").options.add(new Option("==========","-1"));
return;}
selIndex=document.all("main").selectedIndex;for(i=0;i<Name[selIndex].length;i++)
{
document.all("sub").options.add(new Option(Name[selIndex][i],"name"+i));
}}function reset(){
for(i=document.all("test").options.length-1;i>-1;i--)
{
document.all("test").options.remove(i);
}document.all("test").options.add(new Option("==========","-1"));document.all("test").options.add(new Option("Zosatapo","1"));document.all("test").options.add(new Option("Reic Yang","2"));}function display(object){
alert(object.options[object.selectedIndex].text+" "+object.options[object.selectedIndex].value);
}
//-->
</SCRIPT>
</HEAD><BODY BGCOLOR="#FFFFFF">
First Sample:<br><font color="blue">All items will change After you Selected!</font><br>
<SELECT id="test" onchange="change();">
<option value="-1" selected>==========
<option value="1">Zosatapo
<option value="2">Reic Yang
</SELECT><input name="Reset Select" type="button" value="Reset Select" onclick="reset();" ><br><br>Second Sample:<br><font color="blue">You selected Item in Main Select will change the Sub select Content!</font><br>
Main Select:<SELECT id="main" onchange="changeEx();">
<option value="-1" selected>==========
<option value="1">Zosatapo
<option value="2">Reic Yang
</SELECT>Sub Select:<SELECT id="sub" onchange="display(this);">
<option value="-1" selected>==========
</SELECT><br><br>
</BODY>
</HTML>
opt=new Option();
opt.value="your value";
opt.text="option name";
写成程序代码看起来就是这样的:
<option value="your value">option name</option>
现在应该很容易明白了吧