Question

我正在处理表的内联编辑/删除功能，其中我通过ajax jquery更新数据，并且代码仅在没有下拉菜单/图像更新/复选框的情况下才能正常工作，并且我想添加input [text] /下拉菜单/复选框和图片更新，这是代码段。

如何使此代码适用于所有领域。

ajax在此输入字段上正常工作

            <td>
                <span class="editSpan contact_no"><?php echo $value->contact_no ?><span>

                <input class="editInput contact_no form-control input-sm" type="text" name="contact-no" value="<?php echo $value->contact_no ?>" style="display: none;">
                </td>

下面是处理html的Ajax代码

                trObj.find(".editSpan.contact_no").text(response.data.contact_no);
                trObj.find(".editSpan.hobby").text(response.data.hobby);
                trObj.find(".editSpan.category").text(response.data.category);
                trObj.find(".editSpan.image-file").text(response.data.image-file);

                trObj.find(".editInput.name").text(response.data.name);
                trObj.find(".editInput.hobby").text(response.data.hobby);
                trObj.find(".editInput.category").text(response.data.category);
                trObj.find(".editInput.image-file").text(response.data.image-file);

我的问题是如何更改.text(response.data.contact_no)以使其与下拉菜单/图像和复选框一起使用。所以我可以在下面的这三列中添加

                <span class="editSpan hobby"><?php echo $value->hobby ?></span>

                <div class="editInput"  style="display: none;">
                    <input class="editInput" type="checkbox" name="hobby" value="Programming">Programming |
                    <input class="editInput" type="checkbox" name="hobby" value="Games">Games<br>
                    <input class="editInput" type="checkbox" name="hobby" value="Reading"> Reading 
                    <input class="editInput" type="checkbox" name="hobby" value="Photography"> Photography
                </div>


            </td>


            <td>
                <span class="editSpan category"><?php echo $value->category_id ?></span>

                <select class="editInput" name="category" style="display:none;">4
                    <option value="Developer">Developer</option>
                    <option value="Designer">Designer</option>
                    <option value="HR">HR</option>
                    <option value="Management">Management</option>
                </select>

            </td>

            <td>
                <span class="editSpan image-file"><img src= <?php echo base_url()."assets/upload/".$value->image ?> width='70px'></span>

                <input class="editInput image-file input-sm" type="file" name="first_name" style="display: none;">    
            </td>

使用图像和下拉菜单编辑内联行数据更改

0 个答案: