我想单击某一个链接后，改变下拉列表的选项！

给你的链接添加onclick事件，不要加href

解决方案 »

  1.   

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

  2.   

    给你一个很简单的演示代码，你可以根据你的需要自己修改，
    反正看了代码，原理就知道了。
    <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>
      

  3.   

    zosatapo(隆杰)
    我如何同时传递每个选项的value值呢？
      

  4.   

    可以设hidden域把值保存在页面上
      

  5.   

    是的，但是它不是还有value值吗<option value"?">your select</option>我想要value的值！
      

  6.   

    我上午写的有点仓促的，代码也有一点的，现在我写了一个比较完整的演示代码。同时我会就这个问题谈我一点我的看法：
    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>
      

  7.   

    我忘了讲一点，就是Option有两个属性就是value和text；
    opt=new Option();
    opt.value="your value";
    opt.text="option name";
    写成程序代码看起来就是这样的：
    <option value="your value">option name</option>
    现在应该很容易明白了吧