セレクトボックスの初期値（selected）を変数指定する。

タイトルの通りなのですが、これって結構面倒くさいんでしたっけ・・・？
テキストフォームとかは、valueで簡単に設定できますよね、初期値。

m.ts10806

2021/06/02 20:16

何も試してないですか何も調べてないですか調べても何も出ない内容ですかこのタイトルより短い語句で見つかる内容なので質問が無駄です。

m.ts10806

2021/06/02 20:16

また「自演」と仰いますか。低評価しかつけようがないです。

行動規範の内容に同意します

回答2件

初期値を指定する方法は二通りあります。おそらく、こういうことを言いたいのではないかと。

##1 対象のoptionにvalueを指定
valueが任意の値となっている場合はこっちでも対応できます。

##2 対象のoption番号にselectedを付与
valueが連番になっている場合はこっちの方が確実かも知れません。面倒かも知れませんが、バグが起きにくいです。

php
1<?php
2	$opt = filter_input(INPUT_POST,"sel");
3	$opt2 = filter_input(INPUT_POST,"sel2");
4?>
5<!doctype html>
6<html lang="ja">
7<head>
8<style>
9</style>
10<script
11  src="https://code.jquery.com/jquery-3.6.0.js"
12  integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="
13  crossorigin="anonymous"></script>
14  <script>
15	$(function(){
16		let opt = "<?= $opt; ?>";
17		$('.sel').val(opt);
18		let opt2 = "<?= $opt2; ?>";
19		$('.sel2').find('option').eq(opt2).prop("selected",true);
20	})
21  </script>
22</head>
23<body>
24	<form method="post">
25	<select class="sel" name="sel">
26		<option value="">--</option>
27		<option value="14">kanagawa</option>
28		<option value="23">aichi</option>
29		<option value="28">hyogo</option>
30	</select>
31	<input type="submit" name="bt" value="button"/>
32	<select class="sel2" name="sel2">
33		<option value="0">--</option>
34		<option value="1">yokohama</option>
35		<option value="2">nagoya</option>
36		<option value="3">kobe</option>
37	</select>
38	<input type="submit" name="bt" value="button"/>
39	</form>
40</body>
41</html>
42

投稿2021/06/03 01:12

編集2021/06/03 01:15

FKM

総合スコア3644

PHP
1<?PHP
2$s=[""=>"","1"=>"","2"=>"","3"=>""];
3$hoge=filter_input(INPUT_POST,"hoge");
4$s[$hoge]=" selected";
5print <<<eof
6<form method="post">
7<select name="hoge">
8<option value=""{$s[""]}>--</option>
9<option value="1"{$s["1"]}>1</option>
10<option value="2"{$s["2"]}>2</option>
11<option value="3"{$s["3"]}>3</option>
12</select>
13<input type="submit" value="send">
14</form>
15eof;