Javascript setAttribute不起作用

我需要将第二个属性添加到我的选择选项中，称为“服务”，但当我检查源时，只设置了“值”属性

for(var index = 0;  index < list.length; index ++){
        elementToBeAdded.options[index + 1]  = new Option(list[index].description, list[index].id);

        elementToBeAdded.options[index + 1].setAttribute("service",list[index].service);
}

（var index=0；indexfor{ elementtobeaded.options[index+1]=新选项（列表[index].description，列表[index].id）； elementToBedded.options[index+1].setAttribute（“服务”，列表[index].service）； } 输出：

<option value="myValue">
  my text
</option>

<option value="myValue" service="myService">
  my text
</option>

我的文字

预期输出：

<option value="myValue">
  my text
</option>

<option value="myValue" service="myService">
  my text
</option>

我的文字

如何在创建选项时为每个选项添加属性

---

最后，我需要为每个选项保存一个额外的值，以便在选择某个选项时可以使用它

function setAttributes(element, attributes) {
  for(var key in attributes) {
    element.setAttribute(key, attributes[key]);
  }
}

然后像这样使用这个函数：

setAttributes(option, {"value": "myValue", "service": "myService"});

---

在大多数浏览器中，“查看源代码”功能的职责是显示浏览器最初读取的源代码。因此，通过客户端代码对文档所做的进一步更改不会反映在源代码的查看器中。但是，您可以使用浏览器的DOM检查器（大多数浏览器都有）来分析和查看文档的最新版本

---

如果您的目标是确保元素上的属性设置正确，那么您可以简单地尝试使用

yourpoption.getAttribute（'service'）

检索它的值，控制台中是否有错误？“当我检查仅源代码的'value'属性设置时”这是预期的，否？该属性仅在Javascript运行时设置，而在查看源代码时不会发生这种情况。请尝试在某些开发人员工具中检查元素，而不是查看源代码，并查看它是否正确there@user521180不要忘记将答案标记为已接受，或者至少对帮助过你的人进行投票；）