我還有一個疑問,我已經接近答案了,但沒有讓它發揮作用。實際上我有一個默認輸入文本和默認下拉列表(下拉列表由西孟加拉邦和其他人組成)?,F在,如果有人在下拉菜單下單擊西孟加拉邦,則默認輸入應隱藏,而西孟加拉下拉列表應顯示。下面是我嘗試過的代碼。任何人都可以請指導我對jQuery有點陌生。$(document).ready(function() { $("#state").on("select", function() { if ($(this).val() === "WestBengal") { $(".otherdistricts").hide(); $(".westbengaldistrict").show(); } });});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="col-sm-4"> <div class="form-group"> <select id="state" name="state" class="form-control" required="true" autocomplete="false" style="margin-bottom:10px"> <option value="" disabled="" selected="">Select State</option> <option value="WestBengal">West Bengal</option> <option value="Others">Others</option> </select> </div></div><div class="col-sm-4"> <div class="form-group otherdistricts"> <input class="form- control form-control-lg" type="text" name="other_district" id="other_district" placeholder="Enter Your District" autocomplete="false"> </div> <div class="westbengaldistrict" style="display:none"> <select class="form- control" name="district" id="district" autocomplete="false"> <option value="" selected disabled>Select Your District</option> <option value="Alipurduar">Alipurduar</option> <option value="Bankura">Bankura</option> <option value="PaschimBardhaman">Paschim Bardhaman</option> <option value="PurbaBardhaman">Purba Bardhaman</option> <option value="Birbhum">Birbhum</option> <option value="CoochBehar">Cooch Behar</option> </select> </div></div>
如何在選擇選項中使用 jQuery 隱藏效果
郎朗坤
2021-08-20 16:14:08