2013-10-14 67 views
0

感謝您花一點時間來看看我的問題。Javascript毛刺打破選擇輸入的POST功能

我有一個需求來創建一個數據收集方法,分三個階段完成。最終數據將被存儲在MySQL數據庫中。 1st - 個人信息(這部分很簡單,已經完成) 2 - 費用明細(這部分是我頭疼的部分) 3 - 收據掃描上傳(這部分也比較容易,也已經完成) 。

使用的技術 - html,php5,javascript,mysql,運行在標準的LAMP堆棧上。 個人限制 - 我。不太流利的PHP,並沒有在幾年內使用它。

1st screen works perfect。 第三個屏幕完美地工作,但需要完成才能在完成過程完成後發送電子郵件給用戶。沒有問題,因爲我以前做過這個。

第二個屏幕有兩個表格,每個表格都有各種各樣的輸入字段。這些表中的第一個使用JavaScript來克隆表格行,以便用戶可以根據需要傳播儘可能多的這些行。每一行由以下字段:

<input class="mus3" type="text" name="reg_travel_date1" id="reg_travel_date1" maxlength="20"><br><input type="button" name="button2" id="button2" value="+1 row" class="button" style="width: 80px; margin-top: 18px;"> 
<textarea class="mus1" name="reg_travel_from1" id="reg_travel_from1" cols="10" rows="5"></textarea> 
<textarea class="mus2" name="reg_travel_to1" id="reg_travel_to1" cols="10" rows="5"></textarea> 
<input class="mus4" type="text" name="reg_kms_travelled1" id="reg_kms_travelled1" maxlength="10" onkeydown="validateNumber(event);"> 
    <select class="select" style="width: 120px;" name="exp_type_car_travel1"> 
    <option selected>Type...</option> 
    <option value="Seminar">Seminar</option> 
    <option value="Rural Travel">Rural Travel</option> 
    <option value="Conference">Conference</option> 
    <option value="Exam">Exam</option> 
    <option value="Other">Other</option> 
    </select> 
<input type="text" name="reg_claimable_kms1" id="reg_claimable_kms1" maxlength="10" class="mus5" onkeydown="validateNumber(event);"> 

要查看更詳細的,我已經發布的所有在下面的鏈接中使用的代碼(沒有足夠的空間在這裏)。

我不得不在我的鏈接代碼上翻倍,因爲我只允許發佈兩個鏈接,它似乎。

的index.php接着C.claim2.php:http://pastebin.com/wufh4Q47 css_file.css其次C.claim.php(完全和工作):http://pastebin.com/iGnEsTC3

的jquery.min.js文件版本的jQuery V2。 0.3

我粘貼的第一個屏幕的代碼工作正常,作爲希望第二個屏幕的行爲的指示。

問題: 我試圖讓這個在JS克隆功能選擇欄會增加它的名字/ ID喜歡的文本和文本字段做(或做這個特定版本之前,出於某種原因) 。它始終使用與起始行完全相同的名稱進行克隆,這在起始行中導致嚴重問題。

另外,出於某種可能相關或可能不相關的原因,無論有多少克隆行,選擇字段總是發佈一個空值。我不知道爲什麼,也不知道如何解決這個問題。

任何人都可以幫忙嗎?我對JS完全不熟練,在這個項目中使用的JS是一位朋友寫給我的,他也在想爲什麼它不能按需要工作。

謝謝。 :)

+0

只是您的選擇字段,上面給出的名稱是'exp_type_car_travel1',您懷疑是出錯還是所有選擇字段?嘗試回顯或提醒或使用console.log首先這些字段的值,以便您可以檢查您是否在正確的軌道上... – HTTP

+0

Hello Nesmar。其他三個基於第二個表格的選擇字段功能完美。這些都不是JS克隆情況的一部分,所以它的理由是,只有第一個表(上面提供的代碼)中的選擇字段受到影響**,因爲JS克隆過程是**。行中的所有其他字段在JS克隆過程中按名稱遞增1,實際上,因爲發佈我的原始查詢,所以現在select字段也會這樣做,但作爲POST過程的一部分發送的值在POST事務期間仍空着。 – Cassandra

回答

0

好的,現在就忽略這個問題 - 情況已經完全解決,並且運轉良好。看起來JQuery中存在一個錯誤,它被選擇爲「不被修復」,因爲這樣做的開銷太高。這個問題導致選項變爲空白,其'name ='某些值'被丟棄。我們現在有一項工作,現在該功能可以完美運行,這要感謝我的朋友。非常感謝Crystal!