感谢您花点时间看我的问题。
我需要创建一个分三个阶段完成的数据收集方法。最终数据将存储在 MySQL 数据库中。1st - 个人资料(这部分很简单,已经完成)2nd - 费用细节(这部分是我头疼的部分)3rd - 收据扫描上传(这部分也比较简单,也已经完成)。
使用中的技术 - html、php5、javascript、mysql,在标准 LAMP 堆栈上运行。个人限制 - 我。php不是很流利,几年没用过。
第一个屏幕完美运行。第三个屏幕完美运行,但需要在完成该过程后向用户发送电子邮件。不是问题,因为我以前做过。
第二个屏幕有两个表格,每个表格都有少量的输入字段。这些表中的第一个是使用 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(或在此特定版本之前,出于某种原因)。它总是以与起始行完全相同的名称克隆自身,这在生成的 post 函数中造成了严重问题。
此外,由于某些可能相关或不相关的原因,无论有多少克隆行,选择字段总是发布一个空白值。我不知道为什么,也不知道如何解决这个问题。
任何人都可以帮忙吗?我根本不精通 JS,这个项目中使用的 JS 是由一位朋友为我编写的,他也想知道为什么它不能按预期工作。
谢谢你。:)