0

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

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);
}

输出：

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

预期输出：

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

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

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

4

2 回答 2

0

你可以为这种东西制作功能：

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

并像这样使用这个函数：

setAttributes(option, {"value": "myValue", "service": "myService"});
于 2013-03-25T16:59:46.933 回答
0

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

如果您的目标是确保在元素上正确设置属性，您可以简单地尝试使用yourOption.getAttribute('service').

于 2013-03-25T17:21:27.377 回答