使用cakephp中的脚本在更改时显示隐藏的选择字段

时间:2016-02-25 00:03:56

标签: php jquery cakephp

我写了这个脚本,在其他选择字段CakePHP中显示隐藏标签和整个选择字段, 脚本函数显示标签但不显示选择字段。

这是htmlhelper:

<div class="form-group">
    <label for="job_category" class="col-sm-5 control-label">Tutor City</label>
    <div class="col-sm-7">
        <?php echo $this->Form->input('city_id',
            array('class' => 'user_login form-control',
                  'placeholder' =>'TutorCity',
                  'label' => false,
                  'div' => false,
                  'id' => 'city'
            ));
        ?>
    </div>
</div>
<div class="form-group">
    <label for="job_category" class="col-sm-5 control-label" id="area_label" hidden>Tutor Access Areas</label>
    <div class="col-sm-7">
        <?php echo $this->Form->input('area_id',
            array('class' => 'user_login form-control',
                  'placeholder' => 'TutorAreas',
                  'id' => 'area',
                  'div' => false,
                  'label' => false,
                  'multiple' => true,
                  'type' => 'hidden'
            ));
        ?>
    </div>
</div>

脚本:

<script type="text/javascript">
    $("#city").change(function () {
        $("#area_label").show();
        $("#area").show();
    })
</script>

感谢任何帮助。感谢。

2 个答案:

答案 0 :(得分:0)

第二个输入是隐藏输入<input type="hidden">,因此要生成选择字段,请删除type => hidden

<?php echo $this->Form->input('area_id',
            array('class' => 'user_login form-control',
                  'placeholder' => 'TutorAreas',
                  'id' => 'area',
                  'div' => false,
                  'label' => false,
                  'multiple' => true,
                  'type' => 'hidden' // remove this
            ));
        ?>

答案 1 :(得分:0)

您需要首先删除隐藏的类型。您可以尝试使用显示无的类型文本。您可以在更改时更改输入字段显示块。