使用不同的动态类名称使用jquery获取多个值

时间:2016-08-25 16:15:00

标签: javascript php jquery html

我有以下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获得每个元素......

我没有想法,如果你能指出我正确的方向我会很感激,谢谢你。

0 个答案:

没有答案