Как динамически создавать опции с помощью JQuery?

Question

form.php

echo("<div id='myDv'>"); 
echo("<select id='mySelect'>"); 
    echo("<span id='mySpan'>"); 

     //here I want dynamically generated option values 

    echo("</span>"); 
echo("</select>"); 
echo("</div>"); 

myJquery.js

$.post('Process.php', $(this).serialize(), function(data){ 

     $('#mySpan').html(data);// I tried, but does'nt work 

}).fail(function() {alert("Some Problem Occured");}); 

process.php

$strSql="SELECT Id, Title FROM mytable"; 
$result=mysql_query($strSql); 
while($rowSet=mysql_fetch_array($result)) { 
    echo("<option value=".$rowSet['Id'].">".$rowSet['Title']."</option>"); 
} 

Мое требование использовать Id и Заголовок, полученный в Process.php, для создания опций выбора, которые будут отображаться в Form.php.

Какие изменения необходимы в моем коде? Как я могу получить доступ к $ ROWSET из process.php в myJquery.js, для создания выбора параметров, которые я хочу, чтобы отобразить в form.php

Answer 1

стороне сервера обработки

Файл Имя: process.php

Сначала мы извлекаем данные, используя тот же запрос, как вы написали выше

$data=array(); 
$strSql="SELECT Id, Title FROM mytable"; 
$result=mysql_query($strSql); 
while($rowSet=mysql_fetch_array($result)) { 
    $option=array("id"=>$rowSet["Id"],"Title"=>$rowSet["Title"]); 
    $data[]=$option; 
} 
echo json_encode($json_data); 

Side Processing Client Я использую JQuery и его изменения event.I я зацикливание JSon кодированные данные для извлечения идентификатора и названия из них.

<select id="getOptions"></select> 
    <script> 
    $("#getOptions").change(function(e){ 
    $.ajax({ 
     url:"Process.php", 
     success:function(data){ 
     console.log(data); 
     for(var i=0;i>=data.length;i++){ 
     $("#getOptions").append("<option value='"+data[i]["Id"]+"'>"+data[i]["Title"]+" </option>"); 
     } 
     }, 
    error:function(err){ 
    alert(err); 
     } 
    }); 
}); 
    </script>