Javascript 根据预先选择的下拉值隐藏和显示文件输入

我有下面这样的下拉列表

<div class="col-md-5 col-sm-6 col-xs-12">
<select name="qtype" id="edit_qtype" class="form-control">
<option value='SINGLE ANSWER'>SINGLE ANSWER</option>
<option value='MULTIPLE CHOICE'>MULTIPLE CHOICE</option>
<option value='MULTIPLE CHOICE WITH IMAGE'>MULTIPLE CHOICE WITH IMAGE</option>
<option value='MULTIPLE CHOICE WITH AUDIO'>MULTIPLE CHOICE WITH AUDIO</option>
<option value='MULTIPLE CHOICE WITH VIDEO'>MULTIPLE CHOICE WITH VIDEO</option>
<option value='TRUE OR FALSE'>TRUE OR FALSE</option>
</select>
</div>

<div class="form-group" id="imagediv" style="display:none;">
<label class="col-md-5 col-sm-3 col-xs-12" for="image">IMAGE</small></label>
    <div class="col-md-10 col-md-offset-1 col-sm-6 col-xs-12">
    <input type="file" id="edit_image" name="image" class="form-control col-md-7 col-xs-12" aria-required="true" accept=".jpg,.jpeg,.png">
        </div>
</div>

谢谢！

---

谢谢

你能给我们看看你试过的JS代码吗？如果你正在加载

编辑
按钮上的
下拉列表
，请单击。您可以在
编辑
按钮单击事件中获得
所选
值。
if selected value is MULTIPLE CHOICE WITH IMAGE I want show imagediv
if selected value is MULTIPLE CHOICE WITH AUDIO I want show audiodiv
if selected value is MULTIPLE CHOICE WITH VIDEO I want show videodiv