台灣最大程式設計社群網站
線上人數
821
 
會員總數:230805
接案會員:6775
文章總數:2320
討論主題:176284
歡迎您免費加入會員
討論區列表 >> AJAX / JSON / jQuery >> JQuery動態表單 "取值" 與 "欄位新增後" date.js 觸發不了

[變換順序]
[我要回覆]
1


回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
JQuery動態表單 "取值" 與 "欄位新增後" date.js 觸發不了
價值 : 50 QP  點閱數:2169 回應數:1

樓主

andy
門外漢
0 1
50 2
發送站內信

各位前輩好!!小弟製作一個動態增/刪欄位的表單,用於寫入DataBase:MySQL內作報表使用,但遇到了瓶頸,在這邊想請教幾個問題,望各位前輩能在閒暇時撥點時間教導一下:
jquery 1.4.2.min.js 載點
jquery.datePicker.js & date.js 載點

(Q1) 動態表單 "取值"?

(Q2)"取值"後用於"預覽頁面"與"寫入DataBase" : 如果想要用底下這方式欄作陣列取得所有新增列的"值",該如何做呢?

</pre>


(Q3)"欄位新增後" date.js 觸發不了 :
在點擎"新增一列"後,"日期"欄位觸發不了;但是先選好"日期"後再"新增一列",新的一列中的"日期"欄位便可以觸發.


(Q1 - Code)
<pre lang="xml">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="../jq/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../jq/jquery.datePicker.js"></script>
<script type="text/javascript" src="../js/date.js"></script>
</head>
<script type="text/javascript">
<!-- Date func. -->
$(function() {
Date.format = 'yyyy-mm-dd';
$('#txtdate').datePicker();
});

<!-- Dyn. Add/Del Column func. -->
$(document).ready(function(){
$('#btnAdd').click(function(){
//複製一份出來
var tt=$('#tbd tr[subid="EditZone"]').clone();

//取得DataZone的個數
var dzcnt=$('#idx').val();
var NewIndex=parseInt(dzcnt,10)+1;
$('#idx').val(NewIndex);

//修改subid
$(tt).attr('subid','DataZone');
$(tt).attr('subid2','DataZone' + NewIndex);

//修改按鈕id,name,value,bind click事件
$('#btnAdd',tt)
.attr('id','btnDel'+NewIndex)
.attr('value','刪除')
.attr('subindex',NewIndex)
.bind('click',rDel);

//加入複製出來的項目
$('#tbd').append(tt);

//清除EditZone裡面的input value
$('#tbd tr[subid="EditZone"] [subid="txt"]').val('');
});
})

function rDel(){
var xidx=$(this).attr('subindex');
$('tr[subid2="DataZone' + xidx + '"]').remove();
}
</script>

<body>
<form name="theForm">
<input type="hidden" id="idx" name="idx" value="0" />
<table style="margin:4px 0 0 22px;">
<tr>
<th style="border:1px solid #999;"></th>
<th style="border:1px solid #999;">項次</th>
<th style="border:1px solid #999;">日期</th>
<th style="border:1px solid #999;">專案編號</th>
<th style="border:1px solid #999;">金額<font style="font-family:Century Gothic;">($NT)</font></th>
<th style="border:1px solid #999;">項目說明</th>
</tr>
<tbody id="tbd">
<tr subid="EditZone">
<td><input type="button" id="btnAdd" name="btnAdd" value="新增" style="font-family:'微軟正黑體';width:40px;"></td>
<td><input type="textbox" subid="txt" id="txtSn" name="txtSn" value="" style="width:40px;"></td>
<td><input type="textbox" subid="txt" id="txtdate" name="txtdate" value="" style="width:80px;"></td>
<td><input type="textbox" subid="txt" id="txtProjSn" name="txtProjSn" value="" style="width:120px;"></td>
<td><input type="textbox" subid="txt" id="txtCost" name="txtCost" value="" style="width:100px;"></td>
<td><input type="textbox" subid="txt" id="txtCostDiscript" name="txtCostDiscript" value="" style="width:200px;"></td>
</tr>
</tbody>
</table>
</form>
</body>
</html>

本篇文章發表於2011-08-03 18:23
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
作者回應

andy
檢舉此回應
預覽方面,已解決;為保留原本頁面樣式,小弟改用了以下的方式 :


(Q3)的部分是否因"新增的列"在 中已將
改成如下,才導致觸發不了?



(Q1)的部分仍摸不著頭緒,在麻煩各位前輩能在閒暇時撥個空教導一下,Thanks!!!

(Q1) Q1 - Code沒有貼好,真是對不起,小弟將它補好



本篇文章回覆於2011-08-04 10:43
--未登入的會員無法查看對方簽名檔--
[變換順序]
1
 

回覆
如要回應,請先登入.