1. セレクトボックスの選択ごとにタグを付与する方法

セレクトボックスの選択ごとにタグを付与する方法

2023.04.19 更新
Text=kintsuba
セレクトボックスの場合は<option>タグに直接クリックイベントを指定できないため、switch文を回してタグ付与を行ってください。

サンプルコード
フォームサンプルページ>
フォームサンプルページダウンロード>
※ソースコード確認方法
windows:Ctrl + U 
mac  :option + command + U 


(1)対象のセレクトボックスに下記イベントを設定
onchange="selectboxChange(this.selectedIndex);"
↓
(2)switch文の中にそれぞれタグをセットする
①それぞれの選択肢にあったタグをセットする
②選択されたタグを送信用に格納する
	<script>
	function selectboxChange(selindex) {
		switch (selindex) {
		case 1:
			selectTags('タグコード1');//A型
			break;
		case 2:
			selectTags('タグコード2');//B型
			break;
		case 3:
			selectTags('タグコード3');//O型
			break;
		case 4:
			selectTags('タグコード4');//AB型
			break;
		case 5:
			selectTags('タグコード5');//その他
			break;
		}
	}

	function selectTags(TagCode){
		$("#add_tags").val(TagCode);
	}

	</script>
※複数イベントを設定したい場合はイベント名を別名にして設定して下さい。
(例)
onchange="selectboxChange02(this.selectedIndex);"

function selectboxChange02(selindex) {

ガイドの内容はあくまでもサンプルになります。
そのまま使用できない場合は対応するフォームにあわせての編集をお願いします。 
表示設定が正常にできない場合、ソースチェックの有償サポートも行っております。
ご希望の場合は設定代行バナー、もしくはお問い合わせLINE、チャットワークよりご依頼をお願いします。
ご希望通りのセッティングができましたか?

0人中0人がセッティングができたと言っています。

このマニュアルの作成者は kintsuba です。

こちらのマニュアルで希望のセッティングが出来なかった
際は、下記のどちらかでお問い合わせください。

フリープランの方はこちら
LINE公式アカウント機能拡張プラン、
オートコールセンタープランの方はこちら