Show\hide 通过选择下拉列表元素输入字段 |CakePHP 3

Question

我的英文不是很好，但我尽量解释我的问题。我使用 CakePHP 3.4.10 开发 web 应用程序，并在 web 开发中成为初学者。这是我的一段代码

<div class="documents form large-9 medium-8 columns content">
    <?= $this->Form->create($document,['id'=>'doc_add']) ?>
    <fieldset>
        <h4><?= __('Add Document') ?></h4>

        <?php
        echo $this->Form->control('doc_type', ['label'=>'Document Type',
        'required'=> true,
        'type'=>'select',
        'options' => ['New', 'Again in work']
        ]);
        echo $this->Form->control('incoming_number');
        echo $this->Form->control('incoming_number_fraction',['disabled'=>true]);
        echo $this->Form->control('incoming_date');
        echo $this->Form->control('preparation_date');
        echo $this->Form->control('review_date');
        echo $this->Form->control('core_document');
        echo $this->Form->control('adult_id', ['options' => $adults]);
        echo $this->Form->control('document_view_id', ['options' => $documentViews]);
        echo $this->Form->control('infant_id', ['options' => $infants]);
        echo $this->Form->control('ref_action_id', ['options' => $refActions]);
        echo $this->Form->control('ref_article_id', ['options' => $refArticles]);
        echo $this->Form->control('ref_ministry_internal_affair_id', ['options' => $refMinistryInternalAffairs]);
        ?>
    </fieldset>
    <?= $this->Form->button(__('Submit')) ?>
    <?= $this->Form->end() ?>         
</div>

我想做的事情：第一个用户必须 select 收件箱是什么类型的文件 - 如果是 "New" - 我们应该禁用或隐藏字段 "incoming_number_fraction" 如果是 "Again in work" - 我们应该启用或显示字段 "incoming_number_fraction" 我想在不按 "Submit" 的情况下执行此操作。它是怎么开的？我花了很多时间来寻找解决方案，但对我来说没有任何用处（如果是 JQuery 或 JavaScript 谁能展示如何将它与 CakePHP 3.x 一起使用谢谢

Answer 1

Facepalm...post 在这里如果有人搜索。 使用JQuery:

<script type="text/javascript">
    $('#doc-type').change(function() {
    $('label[for=incoming-number-fraction], input#incoming-number-fraction').hide();
    if ($('#doc-type').val() == 1) {
        $('label[for=incoming-number-fraction], input#incoming-number-fraction').show();
    }
});
</script>

Show\hide 通过选择下拉列表元素输入字段 |CakePHP 3

Show\hide input field by selecting dropdown list element |CakePHP 3

php

jquery

cakephp-3.0