Question

在Cakephp中，我有一个类型为time的表单输入。用户从3个下拉框中选择时间（小时，分钟和上午/下午）。我需要用户能够选择名为“不可用”的时间选项

我可以选择“不可用”，因此用户可以选择不指定时间。其工作方式如下所示。

我有一个下拉框时间，需要在一小时内选择一个不可用的选项。而不是选择分钟下拉框和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>

<强>小提琴

<强> http://jsfiddle.net/7g97no5a/

在3个下拉框的表单上格式化时间输入

1 个答案: