使用jquery动态编辑行

Question

我正在使用jquery执行添加，编辑和删除操作。

我已经创建了product.html文件和jsproduct.js文件。

我的问题是我点击编辑按钮并更改选择框值并按编辑 产品按钮

但是选择框值无法显示表

<script async src="//jsfiddle.net/kishankakadiya/m6sn39hp/1/embed/"></script>

Check Demo

Answer 1

问题是您对表中的<td id="1">元素使用相同的ID。你正在使用计数器，结果有多个'<td class="category-' + this.counter + ' ">' + product_category +'</td>' '<td class="name-' + this.counter + '">' + product_name + '</td>' ，jQuery将无法正确处理它。

我改变了你的td使用了一个类而不是id，并为你的td添加了一个类前缀：

$(".category-" + this.id).text(product_category);
$('.name-' + this.id).text(product_name);

在编辑功能中，我将该类用作选择器：

params : {}

然后它正常工作。你在设置模式等方面仍有一些麻烦，但希望你可以自己解决这些问题。

小提琴：https://jsfiddle.net/ye6mugxe/1/