Question

I have problem while loading data into html select when users press or click button.
Here is the scenario:

1. There is button to create button dynamically
2. When user click that button then the form displayed
3. When the form displayed there is an html select dynamically
   showing data from database using php as a server side.

Does anyone know how to solve the scenario number 3?

I have used jquery to create new form but to load data into html select is really painful for me.

Answer 1

PHP

something like this:

<?php  
$option[] = array('option1'=>'somepage1',
                  'option2'=>'somepage2',
                  'option3'=>'somepage3');

echo json_encode(array('options'=>$option)) //set output to json encode
?> 

JS

$(document).ready(function(){

  $("#create").bind('click',function(){
    $.get('somepage.php',function(data){
      $("#form").show(); //form holder
      $("#select").empty();
      $.each(data.options, function(i,val){
       $("#select").append("<option>"+val.option1+"</option>"
                          +"<option>"+val.option2+"</option>"
                          +"<option>"+val.option3+"</option>");
      });  
    },'json');
    $(this).unbind();
  });
});