[英]Hide div after selecting option in select tag
我有三个select
。 我希望当我选择optionB
,应该隐藏一个id
为demo
的div。 我怎样才能做到这一点?
$(document).ready(function() { $('#selectOption').select(function() { var ab = $('#selectOption').val(); if (ab == 'optionB') { $("#demo").hide(); } }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id='selectOption'> <option>--select</option> <option value='optionA'>optionA</option> <option value='optionB'>optionB</option> </select> <div id='demo'>xyz</div>
提前致谢。
将“更改”事件更改为“选择”事件。
$(document).ready(function() { $('#selectOption').on("change", function() { var ab = $('#selectOption').val(); if (ab == 'optionB') { $("#demo").hide(); } else { $("#demo").show(); } }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id='selectOption'> <option>--select</option> <option value='optionA'>optionA</option> <option value='optionB'>optionB</option> </select> <div id='demo'>xyz</div>
尝试这个 :
$(document).ready(function() { $("#selectOption").on("change",function(){ if($(this).val() == "optionB" ) $("#demo").hide(1000); }) })
<select id='selectOption'> <option>--select</option> <option value='optionA'>optionA</option> <option value='optionB'>optionB</option> </select> <div id='demo'>xyz</div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.