jquery - 如何从 JQuery 中的逗号分隔值列表中绑定(bind) <select> ？

Question

我们如何将选择标签与变量数据绑定(bind)？..

这是我的示例代码。

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script>
var google.language.Languages = {
  'AFRIKAANS' : 'af',
  'ALBANIAN' : 'sq',
  'AMHARIC' : 'am',
  'ARABIC' : 'ar',
  'ARMENIAN' : 'hy',
  'AZERBAIJANI' : 'az' ...
}
</script>

我想使用以上语言绑定(bind)我的选择标签

<select id="langsel" name="selector">
        <option value="">Select a language</option>
</select>

如何将“langsel”选择与上述变量绑定(bind)？

我需要如下输出:

 <select id="langsel" name="selector">
            <option value="">Select a language</option>
            <option value="af">AFRIKAANS</option> 
            ....
    </select>

Answer 1

$(function() {

    var languages = {
      'AFRIKAANS' : 'af',
      'ALBANIAN' : 'sq',
      'AMHARIC' : 'am',
      'ARABIC' : 'ar',
      'ARMENIAN' : 'hy',
      'AZERBAIJANI' : 'az'
    }

    var sel = $('#langsel');

    $.each(languages, function(key, value) { 
        sel.append('<option value="'+value+'">'+key+'</option>');
    });

});

工作 fiddle :http://jsfiddle.net/qtb6S/