根据下拉菜单中的选择值显示Dropzone.js

Question

我试图基于下拉菜单中的选择选项显示Dropzone.js，而不是在加载时显示。但这对我不起作用。

我正在尝试使用init（）函数，但是我的方法可能是错误的。

基本上，这是我的下拉字段。

<div class="form-group">
   <div class="col-xs-12">
   <!-- Select2 (.js-select2 class is initialized in App() -> uiHelperSelect2()) -->
   <!-- For more info and examples you can check out https://github.com/select2/select2 -->
      <div class="form-material">
      <select class="js-select2 form-control" id="product-category" name="product-category" style="width: 100%;" data-placeholder="Choose one..">
          <option></option><!-- Required for data-placeholder attribute to work with Select2 plugin -->
          <option value="1">PDF</option>
          <option value="2">Image</option>
          <option value="3">Youtube Link</option>
      </select>
      <label for="example2-select2">Category</label>
      </div>
   </div></div>

这是我的dropzone初始化。

init: function() {
var myDropzone = this;

那么，如何使该区域仅在product-category的选定值为2时才显示dropzone。当我切换回1或3，pdf和youtube时，dropzone不会显示。

任何建议或帮助都将不胜感激。