現在、言語の設定をしているのですが、javascriptがうまく動いてくれません。
どこか間違っている箇所があるとは思うのですが、どこでしょうか。どなたか教えてください。宜しくお願いします。
ちなみにindex.htmlの方では言語がまだ選択されていない場合は、japaneseを選択している状態にしたいと思っています。
lang
1$('[name=example]').change(function() { 2 // 選択されているvalue属性値を取り出す 3 var lan = $('[name=example]').val(); 4 console.log(lan); // 出力:ABC 5 // 選択されている表示文字列を取り出す 6 if(lan == ja){ 7 console.log('ja'); 8 $('.ja').css("display",""); 9 $('.lang').css("display","none"); 10 }else if(lan == en){ 11 $('.en').css("display",""); 12 $('.lang').css("display","none"); 13 }else if(lan == ch){ 14 $('.ch').css("display",""); 15 $('.lang').css("display","none"); 16 }else if(lan == fr){ 17 $('.fr').css("display",""); 18 $('.lang').css("display","none"); 19 }else if(lan == es){ 20 $('.es').css("display",""); 21 $('.lang').css("display","none"); 22 }else if(lan == de){ 23 $('.de').css("display",""); 24 $('.lang').css("display","none"); 25 }else if(lan == ru){ 26 $('.ru').css("display",""); 27 $('.lang').css("display","none"); 28 }else if(lan == ar){ 29 $('.ar').css("display",""); 30 $('.lang').css("display","none"); 31 }else if(lan == vn){ 32 $('.vn').css("display",""); 33 $('.lang').css("display","none"); 34 }else if(lan == in){ 35 $('.in').css("display",""); 36 $('.lang').css("display","none"); 37 }else if(lan == bd){ 38 $('.bd').css("display",""); 39 $('.lang').css("display","none"); 40 }else if(lan == pt){ 41 $('.pt').css("display",""); 42 $('.lang').css("display","none"); 43 }else{ 44 $('.lang').css("display","none"); 45 } 46});
lang
1 <form> 2 <select name="example" id="language"> 3 <option value="ja">Japanese</option> 4 <option value="en">English</option> 5 <option value="ch">Chinese</option> 6 <option value="fr">French</option> 7 <option value="es">Spanish</option> 8 <option value="de">German</option> 9 <option value="ru">Russian</option> 10 <option value="ar">Arabic</option> 11 <option value="vn">Vietnamese</option> 12 <option value="in">Hindi</option> 13 <option value="bd">Bengali</option> 14 <option value="pt">Portuguese</option> 15 </select> 16 </form>
また、実際に表示するところのclassはこうしてあります。
lang
1<div class= lang ja> 2 3</div>
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/07/06 02:17