いつもお世話になっております。
javascriptのonChange()で関数を呼び出し、表示・非表示を制御しています。
テスト環境のhttp://〜では正常に動きましたが、本番環境の(https://〜)では関数自体が呼ばれません。(ブレークポイントやアラートを入れて確認)
jsのソースを相対パスで外部ファイルにしても現象は変わりませんでした。
原因がわからず困っております。
よろしくお願い致します。
load時に、参加しない限定と参加しない限定2を非常時にしてます。
次に、selectboxで表示しないを選択時に、条件に沿った表示を切り替えています。
html
1<!DOCTYPE html> 2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no"> 6<meta http-equiv="Content-Script-Type" content="text/javascript"/> 7 8<script type="text/javascript" language="javascript"> 9 function hiddenblock() { 10 document.getElementById("notpt").style.display="none"; 11 document.getElementById("notpt2").style.display="none"; 12 } 13</script> 14 15<script type="text/javascript" language="javascript"> 16 function kakunin() { 17 wkJyu1index = document.check.Select1.selectedIndex; 18 wkJyu1 = document.check.Select1.options[wkJyu1index].value; 19 20 if(wkJyu1 == "参加しない"){ 21 document.getElementById("notpt").style.display="block"; 22 document.getElementById("pt").style.display="none"; 23 document.getElementById("notpt2").style.display="block"; 24 document.getElementById("pt2").style.display="none"; 25 }else{ 26 document.getElementById("pt").style.display="block"; 27 document.getElementById("notpt").style.display="none"; 28 document.getElementById("pt2").style.display="block"; 29 document.getElementById("notpt2").style.display="none"; 30 } 31 } 32</script> 33</head> 34 35<body onLoad="hiddenblock()"> 36 <form name="check"> 37 <select name="サマリーセッション" required="required" onChange="kakunin();" id="Select1"> 38 <option value=""></option> 39 <option value="参加する(初めて)" id="support1">参加する(初めて)</option> 40 <option value="参加する(2回目)" id="support2">参加する(回目)</option> 41 <option value="参加する(3回目以上)" id="support2">参加する(3回目以上)</option> 42 <option value="参加しない" id="support2">参加しない</option> 43 </select> 44 45 <div id="notpt"> 46 <select name="参加しない限定" required="required"> 47 <option value="参加しない" id="support2">参加しない</option> 48 </select> 49 </div> 50 51 <div id="pt"> 52 <select name="参加選択可" required="required"> 53 <option value=""></option> 54 <option value="参加する" id="support1">参加する</option> 55 <option value="参加しない" id="support2">参加しない</option> 56 </select> 57 </div> 58 59 <div id="notpt2"> 60 <select name="参加しない限定2" required="required"> 61 <option value="参加しない" id="support2">参加しない</option> 62 </select> 63 </div> 64 65 <div id="pt2"> 66 <select name="参加選択可2" required="required"> 67 <option value=""></option> 68 <option value="参加する" id="support1">参加する</option> 69 <option value="参加しない" id="support2">参加しない</option> 70 </select> 71 </div> 72 73 </form> 74</body> 75</html>
回答5件
あなたの回答
tips
プレビュー