お世話になります。
以下のように、selectタグが2つあり、1つ目で選択した内容に応じて、2つ目のoptionの内容を動的に変えるようなプログラムを組んでおります。
PCでは問題ないのですが、iPhoneでは、select1を選択し、完了ボタンを押さずにselect2を直接タップするとajaxの内容が反映されずに、"loading"で処理が止まってしまいます。
別のイベントで処理を動かしてみましたがうまくいかず、良い方法ございましたら、ご教示頂ければ幸いです。
宜しくお願い申し上げます。
html
1 <select id="select1"> 2 <option value="value_a">value_a</option> 3 <option value="value_b">value_b</option> 4 <option value="value_c">value_c</option> 5 </select> 6 7 <select id="select2"> 8 <option value="">select1を先に選択</option> 9 </select> 10
Javascript
1 $(function(){ 2 $('#select1').change(function(){ 3 var first_value = $('#select1').val(); 4 $('select2').html('<option>loading...</option>'); 5 $.ajax({ 6 url: "/PATH", 7 type: "POST", 8 dataType: "text", 9 data: first_value, 10 success: function(data, status){ 11 $('#select2').html( 12 "<option value=AAA>AAA</option> 13 <option value=BBB>BBB</option> 14 <option value=CCC>CCC</option>" 15 ); 16 } 17 }); 18 }); 19 }); 20
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/15 08:22
2018/07/15 08:39
2018/07/15 10:11 編集
2018/07/16 15:05
2018/07/17 15:07