jQuery获取选择选项的名称

我有一个下拉列表，其中有几个选项，每个选项都有一个name属性。当我选择一个选项时，需要显示一个不同的复选框列表-当选择另一个选项时，该复选框列表应消失，并显示另一个

我已经创建了这些复选框列表，并给它们一个与所选选项的name属性相关的ID。我试图使用以下代码来显示正确的复选框列表

$（文档）.ready（函数（）{
$（'#band_type_choices'）。在（'change'，function（）{
$（'.checkboxlist'）.hide（）；
$（'#checkboxlist.'+$（this.attr（“name”））.css（“display”、“block”）；
});

然而，一切都没有发生

以下是我的下拉选项：

&lt；选择id=“band\u type\u choices”&gt；
&lt；option vlaue=“0”&gt；lt；/option&gt；
&lt；option value=“100”name=“acoustic”&gt；acoustic&lt；/option&gt；
&lt；option value=“0”name=“jazz”&gt；jazz/轻松聆听&lt；/option&gt；
&lt；option value=“0”name=“声学爵士乐”&gt；声学+爵士乐/轻松聆听&lt；/option&gt；
&lt；option value=“0”name=“party”&gt；party&lt；/option&gt；
&lt；option value=“0”name=“声学方”&gt；声学方+party&lt；/option&gt；
&lt；option value=“0”name=“jazz\u party”&gt；jazz/轻松聆听+派对&lt；/option&gt；
&lt；option value=“0”name=“声学爵士乐派对”&gt；声学+爵士乐/轻松聆听+派对&lt；/option&gt；
&lt；/select&gt；

以及以下列表之一的示例：

&lt；div class=“checkboxlist”id=“checkboxlist\u acoustic”style=“display:none；”；
&lt；input type=“checkbox”class=“checkbox keys”name=“keys”value=“100”/&gt；keys&lt；br&gt；
&lt；input type=“checkbox”class=“checkbox acou\u guit”name=“acou\u guit”value=“100”/&gt；原声吉他&lt；br&gt；
&lt；输入type=“checkbox”class=“checkbox”鼓“name=“鼓”value=“100”/&gt；鼓&lt；br&gt；
&lt；input type=“checkbox”class=“checkbox alt\u sax”name=“alt\u sax”value=“100”/gt；Alto sax&lt；br&gt；
&lt；input type=“checkbox”class=“checkbox ten\u sax”name=“ten\u sax”value=“100”/gt；Tenor sax&lt；br&gt；
&lt；input type=“checkbox”class=“checkbox clarinet”name=“clarinet”value=“100”/&gt；clarinet&lt；br&gt；
&lt；input type=“checkbox”class=“checkbox trombone”name=“trombone”value=“100”/&gt；trombone&lt；br&gt；
&lt；input type=“checkbox”class=“checkbox BRONG”name=“BRONG”value=“100”/&gt；BRONG&lt；br&gt；
&lt；输入type=“checkbox”class=“checkbox fleet”name=“fleet”value=“100”/&gt；fleet&lt；br&gt；
&lt；input type=“checkbox”class=“checkbox cello”name=“cello”value=“100”/&gt；cello&lt；br&gt；
&lt；input type=“checkbox”class=“checkbox VINORY”name=“VINORY”value=“100”/&gt；VINORY&lt；br&gt；
&lt；/div&gt；