[英]Jquery change function is not working?
I am trying to change css of two divs on a change in a select tag when specific value is selected so can you please take a look over my code that what am I doing wrong? 当选择特定值时,我试图在select标记的更改中更改两个div的css,因此您可以看看我的代码是什么意思吗?
$(document).ready(function() { $('#ads_site').change(function() { if ($(this).val() == 'boss.az') { $("#boss.az").css("display", "block"); } elseif($(this).val() == 'jobsearch.az') { $("#jobsearch.az").css("display", "block"); } }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form method="post" action="process.php"> <select name="ads_site" id="ads_site"> <option value="boss.az">boss.az</option> <option value="jobsearch.az">jobsearch.az</option> </select> <div id="boss.az" style="display:none;"> <center> <h3>::Ads To Be Added::</h3> </center> <br> <input type="text" class="from_page" name="from_page" placeholder="From Page No"> <input type="text" class="to_page" name="to_page" placeholder="To Page No"> </div> <div id="jobsearch.az" style="display:none;"> <center> <h3>::Ads To Be Added::</h3> </center> <br> <input type="text" class="from_ad" name="from_page" placeholder="From Ad No"> <input type="text" class="to_ad" name="to_page" placeholder="To Ad No"> </div> <input type="submit" name="submit" class="login login-submit" value="Submit"> </form>
There are 2 problems: 有两个问题:
elseif
in JavaScript, you should use else if
instead. elseif
,您应该改用else if
。 Since your IDs contain .
由于您的ID包含
.
you should escape them, otherwise jQuery tries to select an element that has boss
ID and az
class name. 您应该转义它们,否则jQuery会尝试选择一个具有
boss
ID和az
类名称的元素。
$(document).ready(function () { $('#ads_site').change(function () { if ( this.value === 'boss.az' ) { $("#boss\\\\.az").show(); // in case that you want to hide the other element // $("#jobsearch\\\\.az").hide(); } else if ( this.value === 'jobsearch.az' ) { $("#jobsearch\\\\.az").show(); } }); });
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.