用javascript選擇表格

我想獲得具有可變數量字段的選擇表單。爲了實現這個第一我連接到數據庫和轉換數據從PHP到JavaScript。然後我得到數組（wynik）的值，但是當我嘗試打印它時，我得到空的選擇窗體和旁邊顯示的所有值。還有就是我的javascript函數：用javascript選擇表格

<script language="javascript"> 
function addInput() { 
document.getElementById('text').innerHTML += "<select name='add' /><br />"; 
for (i=0;i<wynik.length;i++) 
{ 
document.getElementById('text').innerHTML += "<option value=" + "wynik[i]" + " />" + wynik[i] + "</option />"; 
} 
document.getElementById('text').innerHTML += "</select />"; 
} 
</script>

和HTML代碼：

<form name="add" action="add_form.php" method="post"> 
<div id="text"> 
</div> 
<br> 
<input type="submit" value="Submit" /> 
</form> 
<input type="button" onclick="addInput()" name="add" value="Add value" />

請幫我把它放入形式。

來源

2013-07-15 user2583738

也許你需要在<select name='add' />之後刪除<br />。另外</select />不需要/最後（它在開始） - </select>。

來源

2013-07-15 14:15:51

-1

另一種方法，你可以使用Ajax嘗試：

<!-- Script --> 
<script type="text/javascript"> 
$(function(){ 
    $("#add").on('click', function(){ 
     $.ajax({ 
      url  : 'ajax.php', 
      type : 'POST', 
      success : function(resp){ 
       $("#backend").html(resp); 
      }, 
      error : function(resp){ 

      } 
     }); 
    }); 
}); 
</script> 
<!-- HTML --> 
<div id="text"><select id="backend" name=""></select></div> 
<input type="button" id="add" value="Add value" /> 

<!-- Backend ajax.php --> 
<?php 
#your query here to fetch $wynik 
$str = ""; 
foreach($wynik as $value){ 
    $str .= '<option value="'.$value.'">'.$value.'</option>'; 
} 
return $str;

來源

2013-07-15 14:18:26

相關問題