Question

我有以下代码：

<select>
<option value="blablabla">Test</option>
<!-- ... -->
</select>

但我想知道我是否可以设置option标签的“value”属性，作为对象的引用（在javascript中）。

Answer 1

你的问题有点不清楚。您可以根据所选选项的值设置项目的值：

<select id="mySelect">
  <option value="goose">Goose</option>
  <option value="gander">Gander</option>
</select>

var myObj = {a:"",b:true};
document.getElementById("mySelect").onchange = function() {
  myObj.a = this.value;
  alert(myObj.a);
}

Answer 2

“value”属性可以是一个数字，您可以稍后在javascript中使用它来引用数组中的对象。

Answer 3

通常情况如此，答案是MAYBE。

我能想到的唯一方法就是拥有一个对象数组，并将数组的索引作为下拉列表中的值。

当然，根据您尝试做的事情的背景，这可能有用也可能没用。例如，假设您希望DIV根据选择显示/消失。在这种情况下，您不需要数组，因为您可以将控件的名称放入VALUE字段并执行查找。

Answer 4

选项值必须是“字符串”（该字符串可以是数字）。

你想要做的是有点不寻常但可以做（但我认为有更好的方法来实现你想要做的事情）...你可以序列化你的对象并将其设置在值中但是这将是奇

您也可以在数组中索引这些引用，然后在选项的值中设置它的索引...

HTML下拉选择值

4 个答案: