###前提・実現したいこと
ポップアップ上のSelectが変更した時に
HTMLの表示非表示を切り替えたい
###発生している問題・エラーメッセージ
ポップアップ以外の通常ページで実装した時は正常に作動したものの
ポップアップ上で実装しようとすると条件分岐(Valueの取得)がうまくいかず
非表示になりません
###該当のソースコード
<div> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <div class="ui-field-contain"> <label for="select-native-18">以下のフォームに答えてください</label> <select name="select-native-18" id="select-native-18"> <option value="1">huga</option> <option value="2">hoge</option> </select> <p></p> <div data-role="fieldcontain" id = "form"><label>時間</label> <input id="name" type="time" name="name" value="" /></div> </div> <script type="text/javascript"> $(function () { $('[name=select-native-18]').change(function(){ var val1 = $("#select-native-18").val(); if(val1 == "1") $('#form').show(); else $('#form').hide(); }); }); </script> <p></p> <button type="submit" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check">送信</button> </div>
###試したこと
ポップアップ以外のページにおける動作は確認したところ.
表示,非表示が切り替わりました
###補足情報(言語/FW/ツール等のバージョンなど)
Jquery mobile
###追記
<div Style="padding-left: 40px; padding-right: 40px;" data-role="popup" id="popupLogin" data-theme="a" class="ui-corner-all"> <form action="/receve.php" method="post"> (以下該当のソースコード)
というようにJquery mobileを利用してポップアップを実装しています.
回答1件
あなたの回答
tips
プレビュー