формат ввода времени по форме для 3 выпадающих ящиков

Question

В CakePHP У меня есть форма ввода типа времени. Пользователь выбирает время из 3 выпадающих ящиков (час, мин и am/pm). Мне нужно, чтобы пользователь не мог выбрать опцию времени, которая называется «недоступна»

У меня есть возможность выбрать «недоступно», поэтому у пользователя есть возможность не указывать время. Это работает, как показано ниже.

У меня есть выпадающее поле времени и вам нужно выбрать недоступную опцию в час. Вместо того, чтобы выбрать недоступную в раскрывающемся списке минут и am.pm, я хотел, чтобы в момент, когда я выбираю эту опцию в часе, я хочу, чтобы ячейки сбрасывали минуты и am/pm.

 echo $this->Form->input('mon_start', 
              array('label'=> 'Start','type' => 'time', 'style'=>'width: 80px', 'empty' => 'not available', 'selected'=>$monstart)); 

Answer 1

Вопрос немного неспецифичен, так что это неспецифический ответ.

Вы должны использовать JavaScript, проверить выбранное значение в событии onchange и установить выбранные параметры для других элементов выбора на основе выбранного значения.

Вот пример на основе jQuery.

JS

var selects = $('.selectlr').on('change', function() 
{ 
    if($(this).find(':selected').val() === 'none') 
    { 
     selects.find('[value="none"]').prop('selected', true); 
    } 
}); 

HTML

<select class="selectlr"> 
    <option value="none">None</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
</select> 
<select class="selectlr"> 
    <option value="none">None</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
</select> 
<select class="selectlr"> 
    <option value="none">None</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
</select> 

Fiddle

http://jsfiddle.net/7g97no5a/