Jquery 需要通过手动数据添加值以填充下拉列表

请参阅以下连结：

结果:

<select id="second-choice">
<option>Chips</option>
<option>Cookies</option>
</select>

<select id="second-choice">
<option value="465">Chips</option>
<option value="984">Cookies</option>
</select>

炸薯条
曲奇饼

期望结果：

<select id="second-choice">
<option value="465">Chips</option>
<option value="984">Cookies</option>
</select>

炸薯条
曲奇饼

我需要一种方法来增加数据的价值，并获得类似的输出。。。值应列在以下数据中： “基础”：[“请从上面选择”]，“饮料”：[“咖啡”、“可乐”]，“零食”：[“薯条”、“饼干”]

$。每个（val、功能（i、val）
{
push（“”+val+“”）；//值变量包含实际值，如465或984或其他值。
});

分配数据键值，如

optionText\u optionValue

及

$。每个（val，函数（i，val）{
var v=val.split（“”“）；//使用split中断optionText和optionValue
html.push（“”+v[0]+“”）
});

465984从何而来？它们应该添加到数据中，我不知道添加值的确切格式：“零食”：[“芯片”465、“饼干”984”]与数据相同的位置可能显示一个包含值的数据示例。。。var数据={“基本”：[“请从上面选择”]，“饮料”：[“咖啡”、“可乐”]，“零食”：[“薯条”、“饼干”]}

var data = {
        "base" : ["Please choose from above"],
        "beverages": ["Coffee_465","Coke_984"],
        "snacks": ["Chips_123","Cookies_987"]
}

$.each(vals,function(i,val){
    var v = val.split('_'); //use split to break optionText and optionValue
    html.push('<option value="'+v[1]+'">'+v[0]+'</option>')
});