📄 dropdownselection.html

📁 java脚本即用特效源码从入门到精通帮你渡过难关

💻 HTML

字号:

<html>
<head>
<title>动态的可增加的下拉菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="../style.css">
</head>

<body bgcolor="#FFFFFF">
<p align="center">
</p>
<table width="550" border="0" cellspacing="0" cellpadding="5" align="center">
  <tr> 
    <td class="title" height="17" bgcolor="#006699">下拉加入</td>
  </tr>
  <tr> 
    <td bgcolor="#006699"><font color="#FFFFFF">---&gt; 动态的下拉选择菜单</font></td>
  </tr>
  <tr bgcolor="#FFCC99"> 
    <td> 
      <p>这里演示的是动态的下拉选择菜单，你可以通过多次在第一条下拉菜单中选择项目，自动增加到第二条下拉菜单中。</p>
      </td>

    <td>
      <form name=myform>
        <div align="center"><font face="Arial, Helvetica, sans-serif"><i><b><font size="4" color="#FF0033">演示：</font></b></i></font>从第一条下拉菜单中选择项目 
          <select name=select1 onChange="this.form.select2.options[this.form.select2.length] = new Option(this.options[this.selectedIndex].text, this.options[this.selectedIndex].value);">
            <option value="1">javascript</option>
            <option value="2">java</option>
            <option value="3">asp</option>
            <option value="4">dhtml</option>
          </select>
          <select name=select2>
          </select>
        </div>
      </form>

</table>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -