基于下拉列表值的Bootstrap条件表单字段提取？

我有一个引导程序表单，我想要一些条件提取。我有一个下拉按钮，它有两个选项，如果用户选择任何选项，我想根据选择显示不同的字段。

HTML：

Setup a new crawler
 
 
 Type of Crawling: 
 Crawling Type  
 
Historical Crawling
 
Real-time Crawling
 
 
 
 
 Name of Crawler: 
  
 
 
 Crawler Description: 
  
 
 
 Keywords: 
  
 
 
 Hashtags: 
  
 
 
 Date: 
 
   to   
 
 
 
 
 Start Crawler 
 
  

使用Javascript：

 // Inputs value which determines the fields to revealed var choice = $('.dropdown-menu ul > li > a').text(); // Wrappers for the all the conditional fields var name = $('#crawler-form input[name=name]').parent(); var description = $('#crawler-form textarea[name=description]').parent(); var keywords = $('#crawler-form input[name=keywords]').parent(); var hashtags = $('#crawler-form input[name=hashtags]').parent(); var start = $('#crawler-form input[name=start]').parent(); var end = $('#crawler-form input[name=end]').parent(); var all = name.add(description).add(keywords).add(hashtags).add(start).add(end); //shortcut for all wrapper eliments var show-form = function(choice){ all.addClass('hidden'); if (choice == 'Historical Crawling'){ name.removeClass('hidden'); description.removeClass('hidden'); keywords.removeClass('hidden'); hashtags.removeClass('hidden'); start.removeClass('hidden'); end.removeClass('hidden'); } else if (choice == 'Real-time Crawling'){ name.removeClass('hidden'); description.removeClass('hidden'); keywords.removeClass('hidden'); hashtags.removeClass('hidden'); } }; $(document).ready(init); var init = function(){ show-form(); }; 

有人可以帮我理解这个问题吗？ 代码有什么问题？ 我也创造了一个小提琴。 [这里]（ https://jsfiddle.net/amitJS/hu303g9s/ ）谢谢。