опция в поле формы скрывает опцию в следующем поле

Я пытаюсь получить параметр «10.30am», чтобы исчезнуть в поле «Время семинара», когда в поле «Дата семинара» выбрано «Понедельник 13 апреля». В противном случае я был бы счастлив, если бы этот параметр был отключен.опция в поле формы скрывает опцию в следующем поле

<div class="form-group"> 
<form action="ksmail.php" method="POST"> 
    <div class="form-group"> 
     <div class="row"> 
      <p class="control-label blue">Workshop Date:</p> 
      <select name="date" class="finput" id="wdate"> 
       <option value="11th_APR">Saturday 11th April</option> 
       <option value="13th_APR" id="dt">Monday 13th  April</option> 
       <option value="18th_APR">Saturday 18th April</option> 
      </select> 
     </div> 
    </div> 
    <div class="form-group"> 
     <div class="row"> 
      <p class="control-label blue">Workshop Time:</p> 
      <select name="time" class="finput" id="wtime"> 
       <option value="9am" id="tn">9am</option> 
       <option value="10_30am" id="tt">10.30am</option> 
      </select> 
     </div> 
    </div> 
    <div class="row"> 
     <input type="submit" value="Send" class="btn btn-default"> 
    </div> 
</div> 
</form> 
</div>

Javascript

$('#wtime') .show(); 
$('#wdate').bind('change', function (e) { 
if($('#wdate').val() == "#dt") { 
    $('#tt').hide(); 
}

CSS

#wtime{display: none;}

Я пробовал много вариаций этого ни один из которых работы. Извините, новичок в jquery. Любая помощь будет принята с благодарностью.

источник

2015-03-17 RE01

Ваше состояние кажется неправильным. Попробуйте это, надеюсь, что это помогло:

$('#wtime').show(); 
$('#wdate').on('change', function (e) { 

    if($(this).val() == "13th_APR") { 
    $('#tt').hide(); 
    } 
    else 
    { 
    $('#tt').show(); 
    } 
});

источник

2015-03-17 04:51:40

это должно сработать. Вам нужно будет добавить else в if, чтобы показать() вариант в противном случае. – Bala

спасибо за быстрый ответ, но это не сработало для меня. Вот скрипка http://jsfiddle.net/t0xrtxyv/6/ – RE01

@ RE01. на вашей странице jsfiddle отсутствует плагин jquery. Добавьте его с левой стороны. вот обновленный код http://jsfiddle.net/t0xrtxyv/8/ – Bala

, если вы хотите, чтобы отключить опцию

$('#wdate').on('change', function (e) { 
    if($(this).val() == "13th_APR") { 
    $("#wtime option[value='10_30am']").attr('disabled','disabled'); 
    } 
});

или если вы хотите, чтобы удалить опцию

$('#wdate').on('change', function (e) { 
    if($(this).val() == "13th_APR") { 
    $("#wdate option[value='10_30am']").remove(); 
    } 
});

Надеется, что это помогает

источник

2015-03-17 04:56:12 Iceburg

опция в поле формы скрывает опцию в следующем поле

ответ

Смежные вопросы