为什么这个 if 条件不起作用 select 选项
Why this if condition is not working select options
<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);
你在给自己添麻烦。 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()
不带任何参数的调用实际上会在加载后直接触发事件处理程序。
<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);
你在给自己添麻烦。 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()
不带任何参数的调用实际上会在加载后直接触发事件处理程序。