我有以下HTML:
`<div class="experience_list">
<div class="list">
<!-- BEGIN user_job_experience -->
<div class="div_button">
<div class="edit_data" id="{ID}">
<div class="form-group label-floating"
id="title_to_remove_classes">
<label class="label_for_edit control-label"
id="title_label_{EXPERIENCE_NAME}" for="title">Title</label>
<input class="edit_true_false form-control job_input_normal"
type="text" name="experience_name_{EXPERIENCE_NAME}"
value="{EXPERIENCE_NAME}" id="{ID}_title"
disabled>
<div class="job_name_normal form-group label-floating"
id="company_to_remove_classes">
<label class="label_for_edit control-label"
id="company_label_{EXPERIENCE_COMPANY_NAME}"
for="company_label">Company</label>
<input class="edit_true_false form-control" type="text" name="experience_company_name_{EXPERIENCE_COMPANY_NAME}" value="{EXPERIENCE_COMPANY_NAME}" id="{ID}_company" disabled>
</div>
<div class=" date_form form-group label-floating row">
<!-- BEGIN date_block -->
<div class="job_date_normal col-xs-6"
id="date_from_to_remove_classes">
<label class="label_for_edit control-label"
id="dateF_label_{DATE_FROM}">From</label> <input
class="edit_true_false form-control" type="text"
class="datepicker" name="dateFrom"
id="{ID}_date1" value="{DATE_FROM}" disabled><br>
</div>
<span> - </span>
<div class="job_date_normal col-xs-6"
id="date_until_to_remove_classes">
<label class="label_for_edit control-label"
id="dateT_label_{DATE_TO}">To</label> <input
class="edit_true_false form-control" type="text"
class="datepicker" name="dateUntil"
id="{ID}_date2" value="{DATE_TO}" disabled>
</div>
<!-- END date_block -->
</div>
</div>
</div>
<div class="checkbox_experience {ID}_checkBox_button checkBtn">
<input type="checkbox" name="currently_work" class="{ID}_checkBox_button checkBtn" id="{ID}_currently_work" {EXP_CHECKED}><label for="curently_work" id="currently_work_label {ID}_checkBox_button" class="{ID}_checkBox_button checkBtn"><img class="checkbox_img {ID}_checkBox_button checkBtn" id="currently_work_img" src="{SITE_URL}/templates/css/frontend/images/check-box{EXPERIENCEPERMISION}.png"><p id="currently_work_text" class="checkBtn">I currently work here</p></label>
</div>'
<!-- END user_job_experience -->
</div>
</div>
<p id="experience_save_button">
</div>`
有一个块可以为配置文件页面动态创建多个输入。
在我遇到的问题中,每个div都有自己的id = {ID}。然后使用MVC在视图中替换变量{ID},其中包含我们在数据库中的“体验条目”的编号,因此没有重复项。
我要做的是:当用户点击保存时,我需要确切地知道他改变了哪个“体验块”。
当他按下编辑时,我不会给他一个编辑经验,而是我给他们所有(可以有1或XXXX经验条目),他希望能够一起更新它们。
每个输入也有自己的id,例如:
<input class="edit_true_false form-control job_input_normal" type="text" name="experience_name_{EXPERIENCE_NAME}" value="{EXPERIENCE_NAME}" id="{ID}_title" disabled>
因此,如果用户有经验(3,7,12),我会:
`<input id="3_title" ...>
<input id="7_title" ...>
<input id="12_title" ...>`
我的每个输入都是如此。
我需要一种方法来保存每个输入的所有数据。
我尝试在我的html中添加JS代码,以便变量{ID}将在MVC中替换,因为它在输入或标签内,现在我得到每个输入的最后一个条目。
我用于标题的代码:
`var title = $('#{ID} #{ID}_title').val();`
`var company = $('#{ID} #{ID}_company').val();`
我如何根据自己的ID获得每个元素......
我没有想法,如果你能指出我正确的方向我会很感激,谢谢你。