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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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