当前位置: 代码迷 >> ASP.NET >> 在页面下用JQuery生成的动态表格,在Asp.Net后台怎么取值
  详细解决方案

在页面下用JQuery生成的动态表格,在Asp.Net后台怎么取值

热度:8623   发布时间:2013-02-25 00:00:00.0
在页面上用JQuery生成的动态表格,在Asp.Net后台如何取值
首先页面上一个Button按钮,目的是点击一下复制一行表格,点击多次就增加多个表格
表格分别为2行3列,第一行:两个下DropDownList和textbox,第二行:两个时间控件,下拉框绑定的是数据库数据,想请问一下大家我页面后台添加方法怎么取值? 下面是我加载的表格的jq代码。
[code=JScript][/code] <script type="text/javascript">
  $("#cbxtongyi").click(function () {
  if ($(this).attr("checked")) {
  tyfzr();
  $("#ddlMandateHolders").change(function () {
  tyfzr();
  });
  }
  else {
  $("#ddlMandateHolders").unbind("change");
  }
  });
  function tyfzr() {
  var v = $("#ddlMandateHolders").val();
  $(".sel").each(function () {
  $(this).find("option").each(function () {

  if ($(this).text() == v) {

  $(this).attr("selected", true);
  }
  });
  });
  }
  $("#but").click(function () {
  var len = $(".hidediv").find("table").get().length;
  var htm = "<table border=\"0\" id=" + (len + 1) + " style=\"background-color: Gray\" style=\"width: 100%\"><tr><td align=\"right\" width=\"15%\">技术负责人:</td><td width=\"15%\"><select id=\"ddlMandateHolders1\" class=\"sel\" style=\"width: 120px\"><option>请选择</option></select></td><td align=\"right\" width=\"15%\">开发人员:</td><td width=\"15%\"><select id=\"ddlDeveloper1\" class=\"kfry\" style=\"width: 120px\"><option>请选择</option></select></td><td align=\"right\" width=\"8%\">职能:</td><td width=\"25%\"><input type=\"text\" style=\"width: 300px\" id=\"txtTaskContent1\" value=\"\" /></td></tr><tr><td align=\"right\" width=\"15%\">预计开始日期:</td><td width=\"15%\"><input type=\"text\" style=\"width: 120px\" id=\"txtExpectedDtartDate1\" value=\"\" class=\"Wdate\" onFocus=\"WdatePicker()\"></td><td align=\"right\" width=\"15%\">结束日期:</td><td><input type=\"text\" id=\"txtExpectedEndDate1\" style=\"width: 120px\" value=\"\" onFocus=\"WdatePicker()\" /></td><td><a href=\"javascript:void(0);\" onclick=\"deltr('" + (len + 1) + "')\"> 删除 </a></td></tr></table>";
  $("#TbData").show();
  $(".hidediv").append($(htm));
  $(".sel").empty().append($("#ddlMandateHolders")());
  $(".kfry").empty().append($("#ddlDeveloper")());
  });
  function deltr(index) {
  $("table[id=\'" + index + "\']").remove();
  }
  </script>

------解决方案--------------------------------------------------------
怎么取值?

比如你要取
txtExpectedEndDate1的值,
你可以
x = $("#txtExpectedEndDate1").val()

然后

$.post({
url:"xx.aspx",
data:{txtExpectedEndDate1:x}
})

后台
Request.Params.Get("txtExpectedEndDate1")
  相关解决方案