---
# System prepended metadata

title: show and hide elements based on selected option with jQuery
tags: [網頁優化, 網頁前端]

---

###### tags: `網頁優化` `網頁前端` 



# show and hide elements based on selected option with jQuery

[stackoverflow Question](https://stackoverflow.com/questions/2975521/how-can-i-show-and-hide-elements-based-on-selected-option-with-jquery)

[how to](http://jsfiddle.net/FvMYz/) 


### 應用練習

<iframe height="265" style="width: 100%;" scrolling="no" title="show and hide elements based on selected option with jQuery" src="https://codepen.io/corly74/embed/PobybQB?height=265&theme-id=dark&default-tab=html,result" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
  See the Pen <a href='https://codepen.io/corly74/pen/PobybQB'>show and hide elements based on selected option with jQuery</a> by peiyun
  (<a href='https://codepen.io/corly74'>@corly74</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>
