###前提・実現したいこと
プルダウンで「その他」が選ばれたときだけdivタグを表示させたいです。
###該当のソースコード
HTML
<div> <select name="present_type" id="present_type" class="form-control"> <option value="">お選びください</option> <option value="クリスマス">クリスマス</option> <option value="成人の日">成人の日</option> <option value="入学・卒業">入学・卒業</option> <option value="その他">その他</option> </select> <div id="present_type_other" style="display: none;"> <input type="text" name="present_type_other" class="form-control" placeholder="例)誕生日 など" value=""> </div> </div>
JavaScript
$(function() { $("#present_type_other").hide(); var other = $('select[name="present_type"]:selected').val(); present_type(other); $(".present_type").change(function(){ present_type($(this).val()); }); }); function present_type(value) { $("#present_type_other").hide(); if( value == "その他" ){ $("#present_type_other").fadeIn(500); } }
###補足情報(言語/FW/ツール等のバージョンなど)
初歩的なことかも知らませんが、
ご教示いただけましたら幸いです。
よろしくお願いいたします。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/08/04 04:55
2017/08/04 05:49