多控件联级处理（动态）

最新推荐文章于 2024-07-24 11:17:31 发布

sxy249343051

最新推荐文章于 2024-07-24 11:17:31 发布

阅读量466

点赞数

文章标签： bt string class list javascript div

本文链接：https://blog.csdn.net/sxy249343051/article/details/5750624

版权

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
</head>
<%
List list = new ArrayList();
list.add("值1,1");
list.add("值2,2");
%>
<SCRIPT LANGUAGE="JavaScript">
function gohome(){
var sel = document.getElementById('nj').value;
if(sel =='1'){
  <%
    String str = String.valueOf(list.get(0));
    String bt[] = str.split("//,");
  %>
  var st = '<%=bt[1]%>'
  var sele= document.getElementById("st")
  var selLength = sele.options.length;
  for(var i = 0 ; i < selLength ; i++){
   var selected = document.getElementById("st").options[i].value;
   if(st == selected){
    document.getElementById("st").options[i].selected=true;
   }
  }
  document.getElementById('kj').value = '<%= bt[0]%>'
}
if(sel =='2'){
  <%
    str = String.valueOf(list.get(1));
    String bt1[] = str.split("//,");
  %>
  var st = '<%=bt1[1]%>'
  var sele= document.getElementById("st")
  var selLength = sele.options.length;
  for(var i = 0 ; i < selLength ; i++){
   var selected = document.getElementById("st").options[i].value;
   if(st == selected){
    document.getElementById("st").options[i].selected=true;
   }
  }
  document.getElementById('kj').value = '<%= bt1[0]%>'
}

}
</script>
<body>
<table>
<tr>
          <td width="13%" class="zit"><div align="right">联级：</div></td>
          <td height="20" colspan="4"><label>
            <select name="nj" οnchange="gohome();">
             <option>--选择联级--</option>
              <option value='1'>联级一</option>
        <option value='2'>联级二</option>
            </select>
          </label>
            </td>
        </tr>
<tr>
          <td class="zit"><div align="right">控件1：</div></td>
          <td height="20" colspan="4"><input type="text" name="kj" value="" size="3"></td>
        </tr>
        <tr>
          <td class="zit"><div align="right">下拉列表：</div></td>
          <td height="20" colspan="4">
            <select name="st">
            <option value="1">下拉1</option>
            <option value="2">下拉2</option>
            </select></td>
        </tr>
</table>
</body>
</html>