<select id="slneedbulk" name="slneedbulk" placeholder="Select" value="No" class="thwepof-input-field validate-required">
<option value="">Select</option><option value="No" selected="">No</option>
<option value="Yes">Yes</option>
</select>
(function($) {
$('#slneedbulk').change(function(){
var selop =$(this).children("option:selected").val();
//alert("You have selected " + selop);
if {$((+ selop)=Yes) {
$(".dis-row").css("display", "block");
}else
if {$((+ selop)=No) {
$(".dis-row").css("display", "none");
}
});
})(jQuery);
发布于 2022-03-29 02:11:14
你给自己制造了不必要的困难。jQuery的方式是“写少做多!”,关于我的版本,请参阅下面的内容:
$('#slneedbulk').change(function(){
$(".dis-row").toggle(this.value==="Yes");
}).change();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="slneedbulk" name="slneedbulk" placeholder="Select" value="No" class="thwepof-input-field validate-required">
<option value="">Select</option><option value="No" selected="">No</option>
<option value="Yes">Yes</option>
</select>
<div class="dis-row">The "need bulk" option was selected.</div>
jQuery.toggle(flag)
通常在选定元素的“隐藏”和“显示”之间切换,但是当出现布尔值flag
时,它的值直接指示可见性。没有任何参数的.change()
调用实际上会在加载后直接触发事件处理程序。
https://stackoverflow.com/questions/71659964
复制