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

以我的經驗，通過帶選項的選擇進行雙重下拉不可能或者非常困難。 我建議改為使用無序列表格式，這取決於您真正需要什么，因為您可以按照仍然可以使用的方式對其進行格式化。