带HTML和JS的双下拉菜单？

Question

我最近在此示例后设置了一个双下拉菜单： http://www.javascriptkit.com/script/cut183.shtml

我需要下拉菜单选项才能运行某个功能，有人帮助我使用下面的代码。

无论如何我可以实现双下拉到下面的JSFiddle吗？

http://jsfiddle.net/v6wRY/4/

HTML：

 <select>
  <option value="func1">Chocolate</option>
  <option value="func2">Candy</option>
  <option value="func3">Taffy</option>

</select>
<div></div>

和JS：

var functions = {
    func1: function(){console.log("func1 called")},
    func2: function(){console.log("func2 called")},
    func3: function(){console.log("func3 called")},
}

$( "select" )
  .change(function () {
    var selected = $( "select option:selected" );
    functions[selected.val()]();
  })
  .change();

Answer 1

根据我的经验，通过选项选择进行双下拉是不可能或非常困难的。我建议使用无序列表格式，具体取决于您需要的格式，因为您可以将其格式化，使其仍然适用于您正在进行的操作。