title: Jquery-Mobile: How to add the data dynamically to the select menu based on the text box value
body: <p>I am new to jquery mobile. In my UI, one text box and one select menu are there. Initially select menu is empty.If the textbox value is more than 1 then some data is added to the select menu otherwise select menu is empty. For this, i am calling the function at the onchange of select menu but it is not working. Please can anybody help me.</p>
  
  <p>Edit:</p>
  
  <p>Ex:</p>
  
  <pre><code>$('#Goal_Time').bind( "focus", function(event, ui) 
  {   
      if(Goal_WeightVar.val() &gt; 0)
      {
          Goal_WtVar = Math.abs(weightVar.val() - Goal_WeightVar.val());
          Min_DurationVar = Math.round(Goal_WtVar * 2.2);
          for(var i=0;i&lt;10;i++)
          {
              $('#Goal_Time').append('&lt;option value=Min_DurationVar&gt;Min_DurationVar&lt;/option&gt;');
          }       
      } 
  });
  </code></pre>
  
  <p>thanks  </p>