！根据下拉框中的数值动态生成对应行数的表格-ASP.NET教程-爱易网页

！根据下拉框中的数值动态生成对应行数的表格

日期：2014-05-18　浏览次数：20531 次

求助！根据下拉框中的数值动态生成对应行数的表格
刚刚学习.net不久，今天要求做一个产品界面的模板，行数在2，3,4 行，每行两种产品，每个产品单元格中要求既能输入文本，图片，也可以二者都输入。根据行数和每个单元格内容属性的不同生成不同的产品类别模板，供后台管理员使用。我是这样考虑的，用一个下拉框DropDownList,里面分别有2,3,4 三个选项，然后当我选择“2”的时候，自动就在同一个页面里生成一个两行两列的表格，然后在每个单元格里在有三个选项：图片、文字、图片和文字。

大体上就是这样，我想用AJAX做，这样就不用点击提交了，AJAX也是刚刚学习的阶段，很多东西也不太明白，照猫画虎的搞了一些代码，但是无法执行，还请各位前辈指教，小弟不胜感激！

主要就是想明确，AJAX中那个下拉列表的值如何返回到当前页面，然后再被程序使用，动态生成这样一个行数变化的表格。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Module_Add.aspx.cs" Inherits="Module_Add" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML code


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>制作模板，第一步</title>
</head>
<script language="javascript">
function ajaxFunction()
{
  var xmlHttp;
  try{
    xmlHttp=new XMLHttpRequest();
  }
  catch(e){
    try{
      xmlHttp=new ActiveXObject(Msxml2.XMLHTTP);
    }
    catch(e){
      try{
        xmlHttp=new ActiveXObject(Msxml.XMLHTTP);
      }
      catch(e){
        alert('您的浏览器不支持AJAX！');
        return false;
      }
    }  
   }
   xmlHttp.onreadystatechange=function()
   {
    if (xmlHttp.Readystate==4)
      {
       var dd1=document.getElementById("DropDownList1");
       var index=dd1.selectIndex;
       var aaa=dd1.options[index].value;
       alert("aaa"); //这里无法执行
      }
    }
    xmlHttp.open("GET","",true);
    //xmlHttp.send(Null);
    
}
</script>

<body>
<form name="form1" method="post" action="" runat="server">
<table width="80%" align="center" style="border:solid 1px #4397c5; padding:0;">
  <tr style="border:solid 1px #4397c5">
    <td height="27" colspan="4">新增产品页面模板</td>
  </tr>
  <tr style="margin:0px;">
    <td style="width: 107px; border:solid 1px #4397c5; margin:-2px; height: 25px;">模板名称</td>
    <td style="width: 237px; height: 25px;"><input type="text" name="tf_module_name" value="产品模板"></td>
    <td style="width: 115px; height: 25px;">模板行数</td>
    <td width="27%" style="height: 25px">
        <asp:DropDownList ID="DropDownList1" runat="server">
          <asp:ListItem Value="2">2</asp:ListItem>
          <asp:ListItem Value="3">3</asp:ListItem>
          <asp:ListItem Value="4">4</asp:ListItem>
        </asp:DropDownList>
    </td>
  </tr>
  <div id="rownum">
  </div>
</table>
<table>
  里面动态生成模板的行数
</table>
</form>
</body>
</html>

------解决方案--------------------
用ajax实现思想，先新建一个新的Data.aspx用于被ajax请求页面,可以该页面后台写代码，根据判断下拉框
参数返回相应内容。

JScript code


<script language="javascript">
var xmlHttp = false;
function CreateXMLHttpRequest(){
    try{
        xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(e){
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
}
function StartRequest(RequestUrl,HandleFunctionName){
    CreateXMLHttpRequest();
    xmlHttp.open("GET",RequestUrl,false);
    xmlHttp.setRequestHeader("Content-Type", "text/xml");
    xmlHttp.setRequestHeader("charset", "utf-8");            
    xmlHttp.onreadystatechange =

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

！根据下拉框中的数值动态生成对应行数的表格

相关资料更多>

推荐阅读更多>