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

Question

请参阅链接：http://jsfiddle.net/NaUAL/

结果：

<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>

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

Answer 1

DEMO

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

分配数据键值，如optionText_optionValue

和

$.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>')
});

Answer 2

$.each(vals,function(i,val)
{
   html.push('<option value='+value_variable+'>'+val+'</option>'); // value variable contains the actual value such as 465 or 984 or whatever.
});