HTMLにてセレクトボックスや検索した日付の値を検索後も保持したい

Question

前提・実現したいこと

HTMLにてセレクトボックスや日付などを選択して検索した後
その選択した項目をそのまま保持したいのですが、上手くできませんでした。
（検索後、選択した項目をセレクトボックスに表示させたい。）
本日丸一日ネット等で調べて調査致しましたが、理解力不足の為、
解決できず、質問させて頂きます。
HTML、PHP、JavaScriptにお詳しい方、ご教示頂きたくぞんじます。
宜しくお願い致します。

該当のソースコード

<input id="menu-cb" type="checkbox" value="off">
	<label id="menu-icon" for="menu-cb">≡</label>
	<label id="menu-background" for="menu-cb"></label>
	<div id="ham-menu">
	<form action="index.php" method="post">
	<ul class="submenu">
	<li>　項目1：
	<select name= "categorysearch1">
          	<option value="all">テスト1</option>
          	<option value="air">テスト2</option>
	</select>
	</li>
	<li>　日付：<input type="date" name="data1" class="datatype" placeholder="yyyy/mm/dd"></li>
	<li>　　　　　〜</li>
	<li>　　　　<input type="date" name="data2" class="datatype" placeholder="yyyy/mm/dd"></li>
         <li>　項目2：
	<select name= "categorysearch2">
            	<option value=" カテゴリA"> カテゴリA</option>
            	<option value=" カテゴリB">カテゴリB</option>
  	</select>
          </li>
	</ul>
	<p class="button">
	<input type="submit" value="抽出"onclick="" name="chusyutu" class="clickBtn()" style="width:100px;height:30px">
	</p>
	</form>

試したこと

以下「項目１」のみ値を保持できるように修正を致しました。
値は保持できるようになりましたが、今度は検索が機能しなくなりました。
（どの項目を選択しても検索結果が反映されません）

	<!-- 値保持用 -->
	<?php
	$sel = isset($_POST['categorysearch']) ? $_POST['categorysearch'] : '';
	?>
	<!-- 値保持用END -->
	<input id="menu-cb" type="checkbox" value="off">
	<label id="menu-icon" for="menu-cb">≡</label>
	<label id="menu-background" for="menu-cb"></label>
	<div id="ham-menu">
	<form method="post" action="<?=$_SERVER['SCRIPT_NAME'];?>">
	<ul class="submenu">
		<li>　項目1：
		<select name= "categorysearch1">
			<option value="テスト1"<?= $sel === 'テスト1' ? ' selected' : ''; ?>>テスト1</option>
			<option value="テスト2"<?= $sel === 'テスト2' ? ' selected' : ''; ?>>テスト2</option>			
		</select>
		</li>
		<li>　日付：<input type="date" name="data1" class="datatype" placeholder="yyyy/mm/dd"></li>
		<li>　　　　　〜</li>
		<li>　　　　<input type="date" name="data2" class="datatype" placeholder="yyyy/mm/dd"></li>
                <li>　項目2：
		<select name= "categorysearch2">
            		<option value="カテゴリA">カテゴリA</option>
            		<option value="カテゴリB">カテゴリB</option>
  		</select>

                </li>
		</ul>
		<p class="button">
		<input type="submit" value="抽出"onclick="" name="chusyutu" class="clickBtn()" style="width:100px;height:30px">
		</p>
		</form>

Answer 1

全角が各所に混じっていますので、まずはそれを修正してみてください。

//                        ↓      ↓             ↓        ↓   
            <option value=“テスト1”<?= $sel === ‘テスト1’ ? ' selected' : ''; ?>>テスト1</option>
//                               ↓                    ↓      
            <option value="テスト2”<?= $sel === 'テスト2’ ? ' selected' : ''; ?>>テスト2</option>

Comments

[jam912sh]

kei344様、上記の件ご指摘頂き有難うございます。大変失礼致しました。修正致しました。

[kei344]

質問文の編集をされていますが、まだ残っていますよ。

[jam912sh]

kei344様、大変失礼致しました。修正致しました。

[kei344]

「今度は検索が機能しなくなりました。」とありますが、そもそも提示されたコードには検索のためのコードは書かれていませんよ。

予想としては
<form action="index.php" method="post" action="<?=$_SERVER['SCRIPT_NAME'];?>">
の部分でaction属性が2回書かれていることが影響しているかも。

[jam912sh]

見づらいコードにも関わらずご確認頂き有難うございます！上記ご教示頂き有難うございます。action属性をひとつ削除して動作確認致しましたが、同様に検索が機能しない状態で御座います。検索の為のコード記載しているつもりで御座いますが。。大変申し訳ございません。「テスト１」や「テスト２」で検索しても反映されない状態で御座います。

[kei344]

> 検索の為のコード記載しているつもりで御座います
提示されているコードのどの部分のことを「検索」と考えられているのでしょうか。
「検索」はある程度のデータから何らかのキーで情報を取得することでは？

[jam912sh]

<form action="index.php" method="post">〜</form>を「検索」と認識しております。

[kei344]

それはform要素です。また、それが機能しないという意味もわかりかねます。

[jam912sh]

はい、機能しない為、現在調査致しております。

[kei344]

「機能する」がどうなることを指しているかがわからないのですが･･･。すみませんがどうもお役に立てないようです。

[jam912sh]

日曜の貴重なお時間を頂き有難うございます！とんでもございません。いつも有難うございます！