選擇出現下拉框

時間  2019-12-05
標籤 選擇 出現 下拉 简体版
原文   原文鏈接
1.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<script type="text/javascript">
function change(){
 var index = document.getElementById('s1').selectedIndex; 
 if(index==2){ 
  document.getElementById('s2').style.display="";
  }else{  document.getElementById('s2').style.display="none"; }
  }
  </script>
  </head>
  <body>
  <table width="400" border="1">  <tr>
  <td>一級下拉框</td>  
  <td>
  <select id="s1" style="width:200px" onchange="change()">  
  <option>--請選擇--</option>
  <option>無二級下拉框</option>
  <option>有二級下拉框</option>
  </select> </td>
  </tr>
  
  <tr id="s2" style="display:none">  
  
  <td>二級下拉框</td> 
  
  
  <td> 
  <select id="" style="width:200px">  
  <option>--請選擇--</option>
  <option>1</option>
  <option>2</option> 
  </select>
  </td>
  
  
  </tr>
  </table>
  </body>
  </html>

 

 

 

 

 

 

 

 

 

 

2. javascript

2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
第一個下拉
<td width="126">
      
    <select name="searchFirst" id="searchFirst" onchange="selectChange()">
    <option name="searchmaxid" value="-1">--請選擇--</option>
    <c:forEach items="${requestScope.mcType}" var="first">
    <c:if test="${first.npid==0}">
     <option name="smaxid" value="${first.nid}">${first.sname }</option>
    </c:if>
    </c:forEach>
    </select></td>
第二個下拉
<td width="95">
    <select name="searchSecond" value="${param.searchSecond}">
    <option name="serachminid" value="-1">--請選擇--</option>
    </select>
    </td>
  
  
方法：function selectChange(){
    var second_npid=document.getElementById("searchSecond");
    searchForm.searchSecond.options.length=1;
    var first_nid=document.getElementById("searchFirst").value;
    for(i=0;i<${j};i++){
        if(array_2[i].npid==first_nid){
            searchForm.searchSecond.options.add(new Option(array_2[i].sname,array_2[i].nid));
        }
    }
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程