感謝您花一點時間來看看我的問題。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是一位朋友寫給我的,他也在想爲什麼它不能按需要工作。
謝謝。 :)
只是您的選擇字段,上面給出的名稱是'exp_type_car_travel1',您懷疑是出錯還是所有選擇字段?嘗試回顯或提醒或使用console.log首先這些字段的值,以便您可以檢查您是否在正確的軌道上... – HTTP
Hello Nesmar。其他三個基於第二個表格的選擇字段功能完美。這些都不是JS克隆情況的一部分,所以它的理由是,只有第一個表(上面提供的代碼)中的選擇字段受到影響**,因爲JS克隆過程是**。行中的所有其他字段在JS克隆過程中按名稱遞增1,實際上,因爲發佈我的原始查詢,所以現在select字段也會這樣做,但作爲POST過程的一部分發送的值在POST事務期間仍空着。 – Cassandra