0

Добрый день. В js я только начинаю. Имеется код скрытия/показа поля в зависимости от выбранного селекта. Он работает, при выборе Конверт до 300 гр., поле выбора веса скрывается. Но не скрывается label "Вес груза". И потом, опять при выборе значения "Конверт до 300 гр" поле выбора веса остается статичным.Помогите пожалуйста советом, что дописать нужно? Спасибо большое.

<div class="col-md-12">
    <label for="cargo_name">Название груза</label>
        <select name="cargo_name" id="cargo_name" class="form-control">
            <option value="letter_300">Конверт до 300 гр.</option>
            <option value="docs">Документы</option>
            <option value="parcels">Посылки</option>
        </select>
</div>

<div class="col-md-12">
    <label for="cargo_weight">Вес груза</label>
        <select name="cargo_weight" id="cargo_weight" class="form-control">
           <option value="0.3">0.3</option>
           <option value="1">1</option>
           <option value="2">2</option>
        </select>
</div>

<script>
    $(document).ready(function() {
        $('#cargo_name').change(function() {
            if ($("#cargo_name :selected").val()!="0") {
                $("#cargo_weight").css("display", "inline-block");
            } 
        });

    });
</script>
7
  • а что должно быть? вроде все работает
    – L. Vadim
    2 фев 2017 в 13:26
  • @L. Vadim не скрывается название поля "Вес груза". И потом, опять при выборе значения "Конверт до 300 гр" поле выбора веса остается статичным и не скрывается.
    – Viktor
    2 фев 2017 в 13:29
  • у меня все работает правельно, просто у вас немного нужно подправить javascript
    – L. Vadim
    2 фев 2017 в 13:36
  • @L. Vadim да. так вот я прошу помочь...
    – Viktor
    2 фев 2017 в 13:38
  • что должно быть после выбора груза? распишите логику
    – L. Vadim
    2 фев 2017 в 13:39

1 ответ 1

0

Убирает Вес груза когда выбранно Конверт до 300 гр.

$(document).ready(function() {
 $('#cargo_name').change(function() {
  if($(this).val() === "docs" || $(this).val() === "parcels")
   {
    $("#cargo_weight").css("display", "block");
   }
   else
   {
    $("#cargo_weight").css("display", "none");
   }
 });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-md-12">
    <label for="cargo_name">Название груза</label>
        <select name="cargo_name" id="cargo_name" class="form-control">
            <option value="-----">----- ----</option>
            <option value="letter_300">Конверт до 300 гр.</option>
            <option value="docs">Документы</option>
            <option value="parcels">Посылки</option>
        </select>
</div>

<div class="col-md-12">
   <div  id="cargo_weight" >
    <label for="cargo_weight">Вес груза</label>
        <select name="cargo_weight" class="form-control">
           <option value="0.3">0.3</option>
           <option value="1">1</option>
           <option value="2">2</option>
        </select>
    </div>    
</div>

1
  • спасибо. все круто.
    – Viktor
    2 фев 2017 в 14:20

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.