Показать без выбора

Question

Есть div, чтобы показать, когда выбрана опция «выбрать опцию».По умолчанию «выбрать параметр» - это параметр, который выбирается при загрузке страницы.

Я знаю, что мне нужно использовать .show, но я не уверен, как заставить его работать конкретно, когда есть два вариантадоступны, и любой из них имеет выбранный вариант выбора.

пример, когда у продукта есть два выбора размера и цвета, мне нужно, чтобы Div отображался, пока оба выбора не будут "выбирать вариант"

Я хотел бы использовать Jquery с переменными продуктами woocommerce.Я использовал вариации таблицы, чтобы скрыть таблицу переменных цен, но мне бы хотелось, чтобы она снова отображалась, если выбрано «выбрать опцию».

jQuery('table.variations select').on('change', function() {

  jQuery('.vanish ').hide();

} );

<table class="variations" cellspacing="0">
  <tbody>
    <tr>
      <td class="label"><label for="pa_quantity">Quantity</label></td>
      <td class="value">
        <select id="pa_quantity" class="" name="attribute_pa_quantity" data-attribute_name="attribute_pa_quantity" data-show_option_none="yes">
          <option value="">Choose an option</option>
          <option value="each" class="attached enabled">Each</option>
          <option value="pck-10" class="attached enabled">PCK/10</option>
        </select>
      </td>
    </tr>
    <tr>
      <td class="label"><label for="pa_color">Colour</label></td>
      <td class="value">
        <select id="pa_color" class="" name="attribute_pa_color" data-attribute_name="attribute_pa_color" data-show_option_none="yes">
          <option value="">Choose an option</option>
          <option value="blue" class="attached enabled">Blue</option>
          <option value="red" class="attached enabled">Red</option>
          <option value="white" class="attached enabled">White</option>
          <option value="yellow" class="attached enabled">Yellow</option>
        </select><a class="reset_variations" href="#" style="visibility: visible; display: block;">Clear</a>
      </td>
    </tr>
  </tbody>
</table>

Цель состоит в том, чтобы показывать div при каждом выборе опции «выбрать опцию» и скрывать ее при выборе любой другой опции

Answer 1

из вашего вопроса и предоставленного кода я предположил, что вам нужно скрыть, если опция выбора не выбрана, или если выбран вариант, отличный от выбора, вам нужно скрыть определенный div.

пожалуйста, напишите, если это то, что вы хотели, проверьте ниже, я написал несколько ответов, которые могут помочь

html part / select option

$('.select').on('change', function() { //on change function on select option 

  value = $(this).val(); //take value from options


  if (value != 'choose') { //if value is not choose than hide
    $('#div_use').css('display', 'None'); //hiding div
  }else{
     $('#div_use').css('display', ''); //show div again 
  }

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div> <!-- select option -->
        <select class="select">
           
            <option value ="choose">choose option</option>
            <option value ="test1">This is an option1</option>
            <option value ="test2">This is an option2</option>
           
        </select>
    </div>
<div id='div_use'>not selected<div> <!-- div to hide -->