javascript - 节目根据价值

Question

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

在这种情况下，弹性框决定了职位。因此，如果用户输入“医生”并选择结果，则弹性框返回代码<input type="hidden" id="fb_hidden" name="fb" value="2">，其中值 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>

Answer 1

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

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