<!DOCTYPE html> <html> <head> <title></title> <script src="../jquery/jquery.min.js" type="text/javascript" charset="utf-8"></script> </head> <script type="text/javascript"> $(function(){ // $("select[name='projectName']") $("#projectName").change(function(event) { /* Act on the event */ $("#projectName").find('option:selected').text(); var projectId=$("#projectName").find('option:selected').val(); $.ajax({ url:'package_usb_submit.php', type: 'post', dataType: 'text', data:'contents='+projectId, success: function (data) { // console.log(data) var jsonObj=eval("("+data+")"); // console.log(jsonObj); // console.log(jsonObj['content']); var jsonArr=jsonObj['content']; var option; $("#version").empty(); for (var i = 0; i<jsonArr.length; i++) { console.log(jsonArr[i].desc); option = $("<option>").val(jsonArr[i].ver).text(jsonArr[i].desc); $("#version").append(option); } } }) }) }); // }) </script> <body> <div align="center"> <form action="package_usb_submit.php" method="get" accept-charset="utf-8"> <table> <tbody> <tr> <td>打包版本:</td> <td> <select name="projectName" id="projectName"> <?php for ($i=0; $i <3 ; $i++) { echo "<option value='$i'>"; echo "$i"; echo "</option>"; } ?> </select> </td> <td> <select name='version' id='version'> <?php for ($i=0; $i <5 ; $i++) { echo "<option value='$i'>"; echo "$i"; echo "</option>"; } ?> </select> </td> </tr> </tbody> </table> <input type="submit" name="" value="OK"> </form> </div> </body> </html>
后台数据返回:
<?php // print_r($_REQUEST); switch ($_REQUEST['contents']) { case 0: echo '{"content":[{"ver":"10","desc":"abc"},{"ver":"12","desc":"abcd"}] }'; break; case 1: echo '{"content":[{"ver":"1","desc":"abc"},{"ver":"2","desc":"abcd"}] }'; break; default: # code... break; } ?>