是否有任何快速方法可以使用JavaScript从<select>按值获取<option>?

我会这样做:

// first, build a reverse lookup
var optCount      = mySelect.options.length;
var reverseLookup = {};
for (var i = 0; i < optCount; i++)
{
  var option = mySelect.options[i];
  if (!reverseLookup[option.value])
  {
    // use an array to account for multiple options with the same value
    reverseLookup[option.value] = [];
  }
  // store a reference to the DOM element
  reverseLookup[option.value].push(option);
}

// then, use it to find the option
var foundOptions = reverseLookup["Value that you are looking for"];
if (foundOptions && foundOptions.length)
{
  alert(foundOptions[0].id);
}

我建议在你的选择中不要有成千上万的选项。

也许你可以用不同的结构来构建你的数据,我认为有数千条条目的选择似乎是错误的。

也许你的应用程序需要这样做,但这不是这个元素的典型用法。

这是托马拉克的答案,只是稍微调整了一下速度。您可以看到向下迭代的while循环比向上迭代的for循环快。(我很懒,所以我不会提供链接。)

var i = mySelect.options.length - 1;
var reverseLookup = {};
while ( i >= 0 )
{
  var option = mySelect.options[i];
  if (!reverseLookup[option.value])
  {
    // use an array to account for multiple options with the same value
    reverseLookup[option.value] = [];
  }
  // store a reference to the DOM element
  reverseLookup[option.value].push(option);
  i--;
}

// then, use it to find the option
var foundOptions = reverseLookup["Value that you are looking for"];
if (foundOptions && foundOptions.length)
{
  alert(foundOptions[0].id);
}

不,没有,你真的是在用最好的方法。您可以尝试更快地查找的另一件事是为每个选项提供一个ID标记,这样您就可以将它们作为DOM对象查找,而不是遍历DOM对象的子对象。

您可以一次遍历所有选项,并将所有项放入关联数组中。那你就去找吧 myOptions[valueImLookingFor] .

我还没有测试过,不能保证它会更快/更好。但它应该摆脱所有这些循环。

根据您的设置和需要,您还可以在客户端生成一个javascript数组,并将其放在标记中,而不是(或除此之外)选择。

我的建议是看一个框架/工具包,如 Dojo and its way of selecting DOM nodes .

该工具包消除了浏览器的许多不一致性,并允许您快速、轻松地选择和操作DOM节点。

我认为这可能是一个指标,表明在一个select中“数千”项可能不是最好的用户体验。也许你应该考虑将你的DROPUDE限制为几个,从而缩小用户选择的结果。

使用jQuery,类似这样的操作可能会更快:

$("#idselect option[value='yourval']")

http://docs.jquery.com/Selectors/attributeEquals#attributevalue