selectで表示・非表示を切り替える
石月さん (2013-11-07 14:26:04) www.waterserver-sticker.com/mailform/example.html
お世話になります。
5am.jp/javascript/form_change_javascript/
上記を参考にselectで表示・非表示を切り替える方法を試しているのですが、メールフォームプロ4だとうまく動きません。
apatchのローカル環境だと動いたり、メールフォームプロ3.2.1でも動くことはわかりました。
なんとかメールフォームプロ4で動かしたいのですが、何か方法はありますか？
ご教授いただければ有難いのですが。
よろしくお願いいたします。
Re:selectで表示・非表示を切り替える
和田 (2013-11-11 08:08:37) www.synck.com
そうですね、これは動かないかもしれません。
onclickでの指定をメールフォームプロ側で上書きする仕組みになっているためです。これを回避するためにはonload後にaddEventを行う必要があります。
また、似た機能はメールフォームプロにもありますので、switching.jsというファイルをぜひ一度ご覧ください。
selectで表示・非表示を切り替える
石月さん (2013-11-11 20:45:10) www.waterserver-sticker.com/mailform/example.html
和田様
ご連絡ありがとうございます！
＞switching.jsというファイルをぜひ一度ご覧ください。
やはりこちらを使用するのですね。
以前何度も試したのですが、selectでidを取得する方法がわからず挫折しました（javascript初心者です。。。）
大変お手数をおかけしますが、switching.jsを利用してselectで表示・非表示を切り替える方法をご教授いただけないでしょうか？
誠にお手数をおかけしますが、何卒よろしくお願いいたします。
Re:selectで表示・非表示を切り替える
和田 (2013-11-12 08:16:22) www.synck.com
あまり細かく解説するとJavascriptの授業になるので割愛しますが
document.getElementById(’selectタグのID’).selectedIndex
↑これでセレクトタグの何番目が選択されているかわかります。
if(document.getElementById(’selectタグのID’).selectedIndex == 0){
// 0番目が選択されている時の処理
}
else {
// ソレ以外の場合の処理
}
といった感じですね。
ただ、selectを使うよりはradioを使ったほうが直感的だと思います。
if(document.getElementById(’radioタグのID’).checked){
// radioがチェックされている場合の処理
}
という感じになりますね。
selectで表示・非表示を切り替える
石月さん (2013-11-12 22:48:21) www.waterserver-sticker.com/mailform/example.html
和田様
やりたいことができました！！！
かれこれ3週間ぐらい悩んでいたのですが、
お問い合わせをしてよかったです！
本当に本当にありがとうございます！