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

【问题标题】：Need to add value to populate dropdown via manual data需要添加价值以通过手动数据填充下拉列表
【发布时间】：2013-10-07 18:57:57
【问题描述】：

请看链接：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": ["请从上面选择"], "beverages": ["Coffee", "Coke"], "snacks": ["Chips", "Cookies"]

【问题讨论】：

465、984从何而来？
它们应该添加到数据中，我不知道添加值的确切格式：“snacks”：[“Chips”“465”，“Cookies”“984”] 与数据

标签： jquery arrays option key-value html-select

【解决方案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>')
});

【讨论】：

【解决方案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.
});

【讨论】：

可能会显示一个包含值的数据示例... var data = { "base": ["请从上面选择"], "beverages": ["Coffee", "Coke" ], "snacks": ["Chips", "Cookies"] }