如何用php实现向模态框传入id值

Question

如下图所示，点击编辑弹出模态框，如何向模态框传入当前产品的id值？

Answer 1

看你的图片，你显示的功能已经做好了，那么传到前台的数据应该是一个数组，里面有很多子数组或者对象，一个item对应table的一行，那么这一行数据中应该有这一行对应数据库存的id,比如你的数据可能是这个样子：

[
    {id: 1, name: '3', picture: 'xx' .....},
    {id: 2, name: '2', picture: 'xx' .....},
    ......
]

然后你点击编辑的时候触发js里面的编辑方法，这个时候获取当前行的id，向后端发一个请求，调用通过id获取产品的API，这个时候你就获得当前行商品的所有信息了,数据应该是这样：

{id: xx, name: xxx, picture: xx ...}

这个时候你需要做的就是将这些数据为弹窗的输入框等组件赋值
比如名称的输入框的id为id_product_name

$('#id_product_name').val(上面的name);
接下来就是为所有的赋值了

找了个以前项目的，你参考下吧，左边是通过ajax去后端取数据，右边是初始化模拟框

Answer 2

点击编辑 根据ID 通ajax去查询信息然后展示处理就可以啊

Answer 3

用js很容易解决啊

按下编辑按钮，js获取当前的id并将值写入目标中，js打开对应模拟框，就可以了

Answer 4

1.將id值隱藏到<tr>標籤，可以聲明個屬性如<tr attr-id="1"></tr>或者直接隱藏起點擊方法裡如
<input type="button" onclick=“getedit(1);”>
2.在點擊使用獲取id值，通過ajax獲取到相應數據。這裡要保存好，當前編輯內容id值
3.確認時候，將表單內容和id一塊提交到後台中

Answer 5

1. 点击编辑获取按钮所在行数据的id,如果你的列表是通过js插件生成的,就可以通过js提供的方法获取该Id,如果你的列表是通过在页面上遍历出来的,那么你可以在遍历中吧id和按钮关联起来

2. 弹窗时就可以根据上步获取的id根据弹窗的方式传递,如果是绑定js函数,可以写一个编辑页面的js方法,参数就是id,在该方法可以先判空参数,然后通过ajax方法通过该id获取所在对象的数据并反馈到前台,清空模态框原有的数据,在将返回值写入到模态框页面.

Answer 6

看你的模态怎么用了？如果一个页面只有一个通用的模态框，可能需要很多标识处理。如果你不嫌弃在同一页面生成很多模态框的话，就是每一行数据都有自己的模态框，并且速度还可以正常使用。那就没必要在进行一次请求了，渲染页面的时候就连模态中的数据一并渲染，点击弹出后直接编辑。