JavaScript:在 new Option() 之后添加额外属性

Question

我有一段代码，可以根据其他一些条件动态地将选项添加到选择字段。它看起来有点像这样:

if (chosen == "a_value") {
  selbox.options[selbox.options.length] = new Option('text_1','value_1');
  selbox.options[selbox.options.length] = new Option('text_2','value_2');
  selbox.options[selbox.options.length] = new Option('text_3','value_3');
}

我需要的是向包含特定值的新选项添加​​一个额外的属性。在这种情况下，该属性将被称为“discount”，并且该值将是一个整数。稍后我将读取属性值并根据 Option 字段中的值对其进行处理。

一旦脚本准备好，选项将如下所示；

<option value="value_1" discount="integer">text_1</option>

有道理吗？

现在我如何在不使用 JS 框架的情况下做到这一点。我需要的只是一小部分代码，因此框架对于这个项目来说就有点过分了。

干杯! :-)

Answer 1

你可以做类似的事情

var o1 = new Option("key","value");
selbox.options[selbox.options.length] = o1;
o1.setAttribute("key","value");