zoukankan      html  css  js  c++  java
  • HTML+JavaScript实现在一个下拉框中多选,然后提交到另外一个下拉框中的效果

        <html>
        
    <head>
        
    <script language="javascript">
        
    function droplist_submit()
        {
          
    var select_instance=document.form1.s1;
          
    var select_instance2=document.form1.s2;
          
    var option_length=select_instance.options.length;
          
    for (i=0; i<option_length; i++)
          {
            
    if (select_instance.options[i].selected) {
              
    var oOption = document.createElement("OPTION");
              oOption.text
    =select_instance.options[i].text;
              oOption.value
    =select_instance.options[i].value;
              select_instance2.appendChild(oOption);
            }
          }

          
    // print new select options to validate the result
          for (i=0; i<select_instance2.options.length; i++)
          {
            alert(select_instance2.options[i].text);
            alert(select_instance2.options[i].value);
          }
        }
        
    </script>
        </head>
        <body>
        
    <form name=form1 method=post action="javascript: droplist_submit();">
          
    <select size=5 name=s1 multiple>
            
    <option value="Aoption">A</option>
            <option value="Boption">B</option>
            <option value="Coption">C</option>
            <option value="Doption">D</option>
          </select>

        
    <p></p>
          <select size=5 name=s2 DISABLED>
          
    </select>
        <p><input type=submit></p>
        </form>
        </body>
        </html>
  • 相关阅读:
    自己定义Actionbar
    创建自己的Repo Server
    AI案例
    贝叶斯定理,从白袜到飞机失事再到人工智能
    jupyter notebook 安装代码提示功能
    Jupyter notebook 自动补全
    27 个Jupyter Notebook的小提示与技巧
    Windows下的Jupyter Notebook 安装与自定义启动
    以太坊联盟链 parity 节点搭建
    ubuntu上面Parity 安装
  • 原文地址:https://www.cnblogs.com/super119/p/1989381.html
Copyright © 2011-2022 走看看