- 爱易网页
-
ASP.NET教程
- 在页面下用JQuery生成的动态表格,在Asp.Net后台怎么取值
日期:2014-05-17 浏览次数:20506 次
在页面上用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").html());
$(".kfry").empty().append($("#ddlDeveloper").html());
});
function deltr(index) {
$("table[id=\'" + index + "\']").remove();
}
</script>
------解决方案--------------------
怎么取值?
比如你要取
txtExpectedEndDate1的值,
你可以
x = $("#txtExpectedEndDate1").val()
然后
$.post({
url:"xx.aspx",
data:{txtExpectedEndDate1:x}
})