CakePHPをFormタグで囲みたい(修正)

前提

CakePHPでポップアップ画面へ遷移した後formタグで囲われない理由が分からない

実現したいこと

▲▲ポップアップ画面で遷移した後に参考にしたポップアップ画面と同じようにformタグで囲みたい

現状

同じように記載したのですが、formタグで囲まれていません。

該当のソースコード

問題が発生していいるhtml情報

HTML
1<div class="mfp-content"><div id="genetic-results-options" class="popup_content genetic-results-add-popup">
2    <div class="popup_content_wrap">
3        <div class="heading">
4        <p class="title">遺伝子検査結果を登録する</p>
5        <div class="popup-modal-dismiss">
6            <a href="#">
7            <img src="/images/admin/icon_close_black_s.png" alt="閉じる">
8            </a>
9        </div>
10        </div>
11        <div class="popup_scroll_content">
12        <div style="display:none;"><input type="hidden" name="_method" value="POST"></div>            <div style="display:none;">
13                <input type="hidden" name="_method" value="POST">
14            </div>
15            <div class="breeder_admin">
16                <table class="form_admin_table">
17                    <tbody>
18                    <tr>
19                        <th>検査項目</th>
20                        <td>
21                            <select name="data[GeneticTest][id]" id="GeneticTest-slc_sort" class="width_l genetic_test_item"><option value="6">DM 変性性脊髄症</option><option value="7">GM1 ガングリオシドーシス</option><option value="8">EIC 運動誘発性虚脱</option><option value="9">FN 家族性腎症</option><option value="10">PRA 進行性網膜萎縮症（prcd）</option><option value="11">DM 変性性脊髄症</option><option value="12">DM 変性性脊髄症</option><option value="13">HUU 高尿酸尿症</option><option value="14">PRA 進行性網膜委縮症（RPGRIP1）</option><option value="15">DM 変性性脊髄症</option><option value="16">PRA 進行性網膜萎縮症（prcd）</option><option value="17">vWD（vWF1） フォンヴィレブランド病 type1</option><option value="18">DM 変性性脊髄症</option><option value="19">EIC 運動誘発性虚脱</option><option value="20">FN 家族性腎症</option><option value="21">PRA 進行性網膜萎縮症（prcd）</option><option value="22">DM 変性性脊髄症</option><option value="23">MH 悪性高熱症</option><option value="24">PRA 進行性網膜萎縮症（CORD1）</option><option value="25">フーコドーシス（FUCA1）</option><option value="26">FN 家族性腎症</option></select>                            
22                        </td>
23                    </tr>
24                    <tr>
25                        <th>検査結果</th>
26                        <td>
27                            <select name="data[GeneticTest][genetic_test_result]" class="width_l genetic_test_result" id="GeneticTestGeneticTestResult">
28<option value="">検査結果を選択してください</option>
29<option value="0">未検査</option>
30<option value="1">クリア</option>
31<option value="2">キャリア</option>
32<option value="3">アフェクテッド</option>
33</select>                            <p class="error_text" style="display: none;" data-error-field="dog_color_id"><span class="icon_excl"></span></p>
34                        </td>
35                    </tr>
36                    </tbody>
37                </table>
38            </div>
39                    </div>
40        <!-- ここは遺伝子検査情報を登録するボタンを設置 -->
41        <div class="select_button">
42            <div class="bsubmit_button_wrap">
43                <!-- ボタン名は今回用で変える -->
44                <button class="add-genetic-result-button button_primary" form="0" type="submit">遺伝子検査結果を追加する</button>            </div>
45        </div>
46    </div>
47<button title="Close (Esc)" type="button" class="mfp-close">×</button></div></div>

試したこと

今回記載したctpファイル(ポップアップ画面)

Cake
1<!-- 遺伝子検査結果ポップアップコンテンツ   名前やクラス名は変更する-->
2<div id="genetic-results-options" class="mfp-hide popup_content genetic-results-add-popup">
3    <div class="popup_content_wrap">
4        <div class="heading">
5        <p class="title">遺伝子検査結果を登録する</p>
6        <div class="popup-modal-dismiss">
7            <a href="#">
8            <img src="/images/admin/icon_close_black_s.png" alt="閉じる">
9            </a>
10        </div>
11        </div>
12        <div class="popup_scroll_content">
13        <?=$this->Form->create(
14                'GeneticTest',
15                [
16                    // 'type' => 'file',
17                    'novalidate' => true,
18                    'id' => 'GeneticTestAddForm',
19                    'class' => 'form_admin genetic-results-add-form',
20                    'inputDefaults' => ['error' => false],
21                    'url' => ['controller' => 'parents_dogs', 'action' => 'add'],
22                ]);
23            ?>
24            <div style="display:none;">
25                <input type="hidden" name="_method" value="POST">
26            </div>
27            <div class="breeder_admin">
28                <table class="form_admin_table">
29                    <tbody>
30                    <tr>
31                        <th>検査項目</th>
32                        <td>
33                            <?= $this->Form->input(
34                                'GeneticTest.id',
35                                [
36                                    'type'    => 'select',
37                                    'id'      => 'GeneticTest-slc_sort',
38                                    'empty'   => '検査項目を選択してください',
39                                    'options' => $genetic_test_item,
40                                    'class'   => 'width_l genetic_test_item',
41                                ]
42                            ) ?>
43                            <p class="error_text" style="display: none;" data-error-field="dog_breed_id"><span class="icon_excl"></span></p>
44                        </td>
45                    </tr>
46                    <tr>
47                        <th>検査結果</th>
48                        <td>
49                            <?= $this->Form->input(
50                                'GeneticTest.genetic_test_result',
51                                [
52                                    'options'  => array('未検査','クリア','キャリア','アフェクテッド'),
53                                    'type'     => 'select',
54                                    // 'id'       => $parent_eng . '-dogGeneticResult',
55                                    'class'    => 'width_l genetic_test_result',
56                                    'empty'    => '検査結果を選択してください'
57                                ]
58                            ); ?>
59                            <p class="error_text" style="display: none;" data-error-field="dog_color_id"><span class="icon_excl"></span></p>
60                        </td>
61                    </tr>
62                    </tbody>
63                </table>
64            </div>
65            <?= $this->Form->end(); ?>
66        </div>
67        <!-- ここは遺伝子検査情報を登録するボタンを設置 -->
68        <div class="select_button">
69            <div class="bsubmit_button_wrap">
70                <!-- ボタン名は今回用で変える -->
71                <?= $this->Form->button('遺伝子検査結果を追加する', ['class' => 'add-genetic-result-button button_primary',  'form' => 'GeneticTestAddForm'])?>
72            </div>
73        </div>
74    </div>
75</div>
76
77

Cakeのバージョン

2系になります。

m.ts10806

2022/07/26 23:35

＞参考にしたソースで出力されているhtml情報にはend()まで提示されているようには見えません。

aushijima

2022/07/27 02:45

失礼しました。追記しました。

m.ts10806

2022/07/27 03:21

>今回記載したctpファイル(ポップアップ画面) これ全部ですか？ form以前にそれより上位のdivも閉じられてない状態になっていますが・

aushijima

2022/07/27 04:16

失礼しました。修正しました。これで全部になります。文字数の上限の為中の要素など消している所があります。

m.ts10806

2022/07/27 04:46

お願いがあります。参考コードは参考コードでしかないので、問題が起きているコードのほうの出力結果のHTMLだけを提示してください。（参考は参考先URLだけでもいいとは思います）提示画面キャプチャでは十分なところまで見えていないと思います。１つ目のコメントはどちらを見ていいかわかっていなかったためのコメントでした。失礼しました。

aushijima

2022/07/27 05:18

何度もすみません。該当項目だけで修正しました。