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>
  • 相关阅读:
    leetcode 70 Climbing Stairs ----- java
    leetcode 69 Sqrt(x) ---java
    leetcode 68 Text Justification ----- java
    如何把iOS代码编译为Android应用
    OpenSource.com 评出 2014 年十佳开源软件
    js singleton
    Java NIO
    WPAD 的原理及实现
    WebKit JavaScript Binding添加新DOM对象的三种方式
    react
  • 原文地址:https://www.cnblogs.com/super119/p/1989381.html
Copyright © 2011-2022 走看看