格式化時間輸入3個下拉框的形式

-2

在Cakephp我有一個類型的表單輸入時間。用戶從3個下拉框中選擇時間（小時，分鐘和上午/下午）。我需要用戶能夠選擇沒有時間選項稱爲'不可用'格式化時間輸入3個下拉框的形式

我有一個選項選擇'不可用'，所以用戶可以選擇不指定時間。這如下所示。

我有一個下拉框的時間，需要選擇一個不可用的選項。在分鐘下拉框和am.pm中選擇不可用時，我希望分鐘和am/pm下拉框自動設置爲在小時內選擇此選項時不可用。

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

來源

2014-10-16 ajt

如果我得到一些反饋，它會更有幫助，所以我可以添加額外的內容或找到解決方案（如果存在的話）。 – ajt 2014-10-16 13:22:31

我有一個下拉框的時間，需要在小時內選擇一個不可用的選項。在分鐘下拉框和am.pm中選擇不可用時，我希望分鐘和am/pm下拉框自動設置爲在小時內選擇此選項時不可用。 – ajt 2014-10-28 00:25:12

我已經使這個問題更清楚，所以請讓我發帖 – ajt 2014-10-28 00:26:34

這個問題有點不明確，所以這裏是一個不確定的答案。

您必須使用JavaScript，檢查onchange事件中的選定值，並根據所選值爲其他選擇元素設置所選選項。

這是一個基於jQuery的示例。

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>

小提琴

http://jsfiddle.net/7g97no5a/

來源

2014-10-16 13:40:45 ndm

格式化時間輸入3個下拉框的形式

回答

相關問題