javascript - html 选择列表 - 通过传入变量获取文本值？

Question

我有一个显示列表语言的选择列表。

<select name="language_code" id="id_language_code">
    <option value="ar">Arabic - العربية</option>
    <option value="bg">Bulgarian - Български</option>
    <option value="zh-CN">Chinese (Simplified) - 中文 (简体)‎</option>
    <option value="en" selected="selected">English (US)</option>
    <option value="fr-CA">French (Canada) - français (Canada)‎</option>
</select>

我可以使用以下代码[从上面的选择列表返回英语(美国)]获取选择的值的文本值:

$('#id_language_code option:selected').text()

How can I get the text value if I pass the option value of 'bg' as a variable when the selected value is still English (US)?

这意味着当所选值仍然是“英语(美国)”时，返回的值将是“保加利亚语 - Български”。

我已经在 Google 和 SO 上搜索了答案，但找不到答案，所以我认为这并不像我第一次想的那么容易!

Answer 1

下面是一个示例，说明如何使用 CSS 选择器查询 value 属性:

function getOptionTextByValue(value) {
  return $('#id_language_code option[value=' + value +  ']').text();
}

var bgText = getOptionTextByValue('bg');

这是一个工作示例 http://plnkr.co/edit/SQ48SmoQkSUgDpQ5BNAx?p=preview