javascript - 根据值获取选择选项文本

Question

我有一个菜单。给定一个给定的值，我想返回文本。例如，0 将返回“零”，1 将返回“一”，等等。请注意，我不关心当前选择了哪个选项，也不想自动选择菜单，而只想将选择菜单用作一个原始数据库。这可以使用 JavaScript 或 jQuery 轻松完成，而无需遍历每个选项吗？

<select>
<option value="0">zero</option>
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
</select>

谢谢

Answer 1

与其将select 用作数据库(简单查找需要昂贵的操作)，不如从中创建一个数据集，然后使用它...

var vals = $('select option').map(function(i, el) { return el.text; })
                             .toArray();
alert(vals[2]); // "two"

---

或者如果 option 值不是基于 0 的连续索引，则使用一个对象...

var vals = {};

$('select option').each(function(i, el) { vals[el.value] = el.text });

alert(vals[2]); // "two"