jQuery Forum

Hello,

Hello,

Hello,
I have a problem refreshing a select menu via ajax in a form: the first line of the menu keeps the value before the ajax call. With jquery (not mobile) , it works well. So it is a behavior difference between jquery and jquery mobile.
Does anyone know how to solve it?
Thanks.
David.

Hello,
I am trying to update dynamically a selection list in a form with no success. It seems select tag is modified by jquery mobile, because if i replace the select tag by a div, the div is well updated.
I also tried to encapsulate the select inside a div, but no more success and when I am looking in the generatyed code I see added tags and buttons before the <select>.
Has anyone managed to do this?

This is my ajax init:

1.     ///////////////////////////////////////////////////
2.     //                 AJAX calls             //
3.     ///////////////////////////////////////////////////
4.     $(document).ready(function () {
5.     function debut(){
   
6.             $.post("subject_choice.php", { choice:$('.visit_type:checked').val() },
7.             function success(data){
8.                 $('#visit_subject_list').html(data); // affichage des résultats dans le bloc
9.             });
10.         };
11.     debut();
12.        $('.visit_type').change(function(){ debut(); });
13.     });

This is my html code:

1.     <div data-role="content">
   
           <div data-role="fieldcontain">
               <!--******************************-->
               <!--        Visit type            -->
               <!--******************************-->
               <fieldset data-role="controlgroup">
                   <legend>Visit type:</legend>
                       <INPUT type="radio" name="visit_type" class="visit_type" value="01" id="cat_01">
                       <label for="cat_01">type 01</label>
2.                     <INPUT type="radio" name="visit_type" class="visit_type" value="02" id="cat_02">
                       <label for="cat_02">type 02</label>
3.                         ......
   
               </fieldset>
           </div>
           <!--******************************-->
           <!--        Visit reason            -->
           <!--******************************-->
           <div data-role="fieldcontain">
               <div id="visit_subject_list">
                   <label for="visit_subject" >Main reason of visit:</label>
                   <SELECT name="visit_subject"  class="visit_subject" id="visit_subject">
                       <option>choose...</option>
                   </SELECT>
               </div>
           </div>
4.     </div>

And here is the external php (subject_choice.php) :

1. <label for="visit_subject" >Main reason of visit:</label>
   <SELECT name="visit_subject"  class="visit_subject" id="visit_subject">
   <?
   $choice=$_POST['choice'];
   include_once ("mysql_functions.php");
   db_connect();
   $req="SELECT code, title FROM etc...";
   $res=mysql_query($req) or die('error' . mysql_error());
   while ($obj=mysql_fetch_object($res)) {
        echo "<option value=".$obj->code.">".$obj->title."</option>"
   }
   ?>
   </SELECT>

Thanks for your help.