前提・実現したいこと
プルダウンメニュー(セレクトボックス)で初期値として選択されている項目の
処理内容をページをロードした時点で表示しておきたい。
発生している問題・エラーメッセージ
しかし、ページをロードした段階では、項目は選択はされているが、処理が行われず
表示内容(#output1)が表示されない。
該当のソースコード
html
1<!DOCTYPE html> 2<html> 3 4<head> 5 6<meta charset="UTF-8"> 7<meta name="viewport" content="width=device-width,initial-scale=1"> 8 9<title>プルダウンメニューセレクトボックスで選択した項目の初期値(表示内容)を入れたい。</title> 10 11<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> 12</head> 13 14<ul>項目テスト: 15 16 <select id="a222" name="test"> 17 <option value="A1">項目1</option> 18 <option value="A2" selected="selected">項目2</option> 19 <option value="A3">項目3</option> 20 </select> 21 22</ul> 23 24<div id="output1"></div> 25 26<script type="text/javascript"> 27 $('[name=test]').change (function() { 28 29 var k1 = $(this).val(); 30 31 switch (k1) { 32 case "A1": 33 $("#output1").html("項目1を選択"); 34 break; 35 case "A2": 36 $("#output1").html("項目2を選択"); 37 break; 38 39 default: 40 $("#output1").html("項目3を選択"); 41 break; 42 } 43 44 }); 45</script>
試したこと
selected="selected"をつけてみたり、
koumoku1='A1'してみたりしてみました。
補足情報(FW/ツールのバージョンなど)
MAMP 5.2
osx 10.14 Safari バージョン12.0.2
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/02/13 08:39
2019/02/13 10:01
2019/02/14 04:10