Javascript 显示<；部门>；取决于<；输入>；价值

我使用flexbox（fairwaytech.com/flexbox/）作为普通下拉框的替代品，因为我的表单上有数百个选项可供选择。如果选择了其中一些选项，我希望在不刷新页面的情况下显示隐藏的DIV

在这种情况下，flexbox确定职务。因此，如果用户键入“医生”并选择结果，flexbox将返回代码

，其中值2与数据库中的职务“医生”相关

当有人选择医生时，我希望显示一个隐藏的div，但如果选择了不同的职务，它将保持隐藏状态。有人能帮我吗？ 这是我的密码：

<input type="hidden" id="fb_hidden" name="fb" value="2">
<div id="hide" style="display:none;">
<div>
Title
</div>
<div>
<input id="number" name="number" type="text" value="">
</div>
</div>

标题

Flexbox获得onSelect事件（类似于html选择更改事件）。尝试：

---

flexbox是否对输入触发更改事件？flexbox！=jQuery FlexBox，确保使用了正确的标记br谢谢。如何添加多个值？因此，如果我想在也选择了“牙医”时显示DIV，请使用

|

操作符，即

if（this.value==“Doctor”| | this.value==“Doctor”）

谢谢。最后，是否可以执行多个onSelect语句？例如，如果选择“医生”，则显示一个div，但如果选择“牙医”，则显示另一个div？否。请选择一个。但是您可以使用

if（this.value==“Doctor”）

show div else

if（this.value==“Doctor”）

show相关div。

$('#FLEXBOX_ID').flexbox(data, {
    onSelect: function() {
        if(this.value==="Doctor"){
             $("#DIV_ID").show();
        }else{
             $("#DIV_ID").hide();
        }
    }
});