动态创建表,行数取决于选择的数字

时间:2015-01-28 18:05:20

标签: javascript php jquery

我是jquery的初学者...对不起

我需要根据

选择的行数动态创建表格

的index.php

<div class="input-append" >
<span class="add-on">Nombre de TGBT</span>
 <?
$selected = '';
echo '<select name="nb_tgbt"  id="nb_tgbt" size="1">',"\n";
for($i=0; $i<=10; $i++)
{
$selected = 'selected="selected"';
echo "\t",'<option value="'.$i.'"'.$selected.'>'.$i.'</option>',"\n";
$selected='';
 }
echo '</select>',"\n";       
?>
 </div>

我通过POST方法将值发送到页面“getvalue.php”

getvalue.php的

代码是:

<?php

$tabletgbt='';
$tabletgbt=$tabletgbt.'<form>
                         <fieldset> 
                             <div class="input-append">';

for($i=1; $i<=$_POST['id']; $i++)
{
$tabletgbt=$tabletgbt.'<div><span class="add-on">Nom TGBT'.$i.'</span>       
<input  id="tgbtname'.$i.'" type="text" placeholder="Nom du TGBT '.$i.'"/>  

</div>';
}

$tabletgbt=$tabletgbt.'
                           </div>
                     </fieldset>
                   </form>';
return $tabletgbt;



$i='';
?>

如何在我的index.php上动态显示返回数据(html代码)

此致

1 个答案:

答案 0 :(得分:0)

这是我使用的ajax代码:

Hello,  this is the ajax code i used:
   <script> 
    $(document).ready(function(){ 
    $('#nb_tgbt').change(function(){ 
    var nbretgbt_id = $('#nb_tgbt').val(); 
    if(nbretgbt_id != 0) { 
    $.ajax({ type:'post', url:'getvalue.php', data:{id:nbretgbt_id}, cache:false, success: function(returndata){
  $('#tablename_tgbt').html(returndata); 
    } 
});
} 
}) 
}) 
</script>