Question

我想在选择栏有“SELECT SIZE”时显示/显示.product-area-rule。当选择开启其他选项时，隐藏/删除.product-area-rule。

我已经包含了一个带有路线的图片预览，以及有关我如何最好地工作的详细信息...链接如下。谢谢。

以下代码段：

$(document).ready(function() {
  if ($("select, select option").html().length > 0) {
    $('.product-area-rule').hide();
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="**product-area-rule**">SELECT A SIZE TO CONTINUE</div>

<select id="wsite-com-product-option-SIZE" name="SIZE">
  <option selected="selected">**SELECT SIZE**</option>
  <option>2 US</option>
  <option>4 US</option>
  <option>6 US</option>
</select>

Answer 1

您可以使用解决方案

＆＃13;

$('#wsite-com-product-option-SIZE').change(function(){
  if ($('#wsite-com-product-option-SIZE option:selected').text() === '**SELECT SIZE**') {
    $('.product-area-rule').show();
  } else {
    $('.product-area-rule').hide();
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="product-area-rule">SELECT A SIZE TO CONTINUE</div>

<select id="wsite-com-product-option-SIZE" name="SIZE">
  <option selected="selected">**SELECT SIZE**</option>
  <option>2 US</option>
  <option>4 US</option>
  <option>6 US</option>
</select>

＆＃13;

希望这会对你有所帮助。

如何在单击或更改选择输入时隐藏/切换DIV

1 个答案: