具有HTML和JS的双下拉菜单？

Question

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

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

无论如何，我可以实现下面的JSFiddle的double下拉菜单吗？

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

以我的经验，通过带选项的选择进行双重下拉不可能或者非常困难。 我建议改为使用无序列表格式，这取决于您真正需要什么，因为您可以按照仍然可以使用的方式对其进行格式化。