已結貼√

問題點數：20?回復次數：9

jquery動態增減控件如何才能不刷新頁面

用jquery動態管理控件，可是每一次增減控件都會刷新頁面，然后控件里面原來輸入的值就都不在了，可以怎么來實現在動態增減控件時不刷新頁面呢？

function addSections(position) {

var all_list = [];

for (var i = 0; i < sctionCount; i++) {

var sectionName = "#sctionName" + (i + 1);

var sectionJoin = "#sectionJoin" + (i + 1);

var sectionJoinID = "#sectionJoinID" + (i + 1);

var sectionDesc = "#sectionDesc" + (i + 1);

var sectionstart = "sectionstart" + (i + 1);

var sectionend = "#sectionend" + (i + 1);

var name = $(sectionName).val();

var Desc = $(sectionDesc).val();

var Join = $(sectionJoin).val();

var start = $(sectionstart).val();

var end = $(sectionend).val();

var value = {

'sectionName': name,

'sectionJoin': Join,

'sectionDesc': Desc,

'sectionstart': start,

'sectionend': end

}

all_list.push(value);

if (position == i) {

var value = {

'sectionName': "",

'sectionJoin': "",

'sectionDesc': "",

'sectionstart': "",

'sectionend': ""

}

all_list.push(value);

}

}

sctionCount += 1;

var sctiontable = "

sctiontable += "

";

sctiontable += "

階段名稱";

sctiontable += "

參與人";

sctiontable += "

描述";

sctiontable += "

開始日期";

sctiontable += "

結束日期";

sctiontable += "

操作";

sctiontable += "

";

for (var i = 0; i < sctionCount; i++) {

var sectionName = "sctionName" + (i + 1);

var sectionJoin = "sectionJoin" + (i + 1);

var sectionJoinID = "sectionJoinID" + (i + 1);

var sectionDesc = "sectionDesc" + (i + 1);

var sectionstart = "sectionstart" + (i + 1);

var sectionend = "sectionend" + (i + 1);

var sectionadd = "sectionadd" + (i + 1);

var sectionDelete = "sectionDelete" + (i + 1);

var sectionClose = "sectionClose" + (i + 1);

var classid = "table-clo-tr" + (i % 2 + 1);

var sectionnametip = "sectionnametip" + (i + 1);

var sectionJointip = "sectionJointip" + (i + 1);

var sectiondesctip = "sectiondesctip" + (i + 1);

var sectionstartTip = "sectionstartTip" + (i + 1);

var sectionendTip = "sectionendTip" + (i + 1);

sctiontable += "

";

sctiontable += "

" + "" +

"*" + "

";

sctiontable += "

" + "" +

"*" +

"" + "

";

sctiontable += "

" + " " +

"*" + "

";

sctiontable += "

" + "" +

"*" + "

";

sctiontable += "

" + "" +

"*" + "

";

sctiontable += "

" + "" +

"" + "

";

sctiontable += "

";

}

sctiontable += "

";

$("#Sctions").html(sctiontable);

}