使用javascript隐藏/显示，然后选择

请帮我解决这个问题

我有以下html：

<form>    
  <select class="form-control" id="order_bid_ord_type">
    <option value="market">market</option>
    <option selected="selected" value="limit">limit</option>
  </select>
  <div id="bid_mo_container">
     Hello world   
  </div>
</form>

以及以下CSS：

#order_bid_ord_type{
  display: none;
}

我的小提琴在这里

下面是我想做的：当我从组合框中选择market时，我想显示hello world文本。当我选择“限制”时，我希望它消失

现在，当我改变我的选择时，什么都不会发生。你能帮我找出我的代码哪里出了问题吗？

我想换一个

this.value === 'market'

到

---

与JS中的其他选项相同，代码中没有错误。您忘记包含jquery

下面是工作小提琴

$'order\u bid\u ord\u type'。在'change'上，函数{ 如果此值为0.value==‘市场’{ $'bid\u mo\u container'。显示； }否则，如果this.value==='limit'{ $'bid\u mo\u container'。隐藏； } }; 投标箱 { 显示：无； } 集市 限度 你好，世界

---

小提琴中的代码与问题中的代码不匹配，而且你忘了在小提琴中包含jQuery。修好它，它就工作了是的。。。记住要包括jQuery。另外，一些代码可以写得更简洁一些：什么？。。。但是为什么呢？没有理由使用方法而不是引用本机属性，也没有理由允许在这种情况下进行类型转换==vs==有人能回答这个问题吗？我也很好奇……我猜您使用JQuery包装器方法来侦听更改事件。如果您转到JQuery，请始终使用JQuery。其主要目的是使用它的包装函数来实现浏览器兼容性。

this.value === 'market'

$(this).val() == 'market'