有没有办法在javascript中拥有多个数据paramname和数据paramvalue？

在我的代码中，我有：

    <input type=button data-paramname="firstname" data-paramvalue="Joe" data-paramname="lastname" data-paramvalue="Smith" value="Test Button">

但是第二个数据参数名被忽略，当我在浏览器中检查元素时，它只会看到：

<input type=button data-paramname="firstname" data-paramvalue="Joe" value="Test Button">

---

对于这一点，最好的解决方法是什么，为一个特定按钮设置两个参数？

不应复制任何属性。这是一种糟糕的做法，即使它在某些浏览器中工作，在其他浏览器中也可能会出现问题。可以使用不同的属性，也可以将值放在同一个属性中，并用逗号分隔。

如果有两个参数，为什么不使用

data-paramname

和

data-param2name

呢？如果有任意数量的参数，可以使用JSON对其进行编码，将它们减少为一个字符串。当我这样做时，它会显示在浏览器代码中，但变量不会传递给应用程序。它如何知道将数据paramname与数据paramvalue关联？当我尝试data-param2name或data2 paramname时，data-param2value或data2 paramvalue的值为空。