dropdownselection.html

来自「java脚本即用特效源码从入门到精通帮你渡过难关」· HTML 代码 · 共 40 行

HTML
40 行
字号 
<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>

dropdownselection.html - 源码说明

本页面展示了「java脚本即用特效源码从入门到精通帮你渡过难关」中的 dropdownselection.html 源码文件，采用 HTML 编程语言编写，共 40 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与JavaScript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?