在javascript中嵌入php下拉框

Question

我想嵌入一個從數據庫查詢填充的下拉列表：

<?php

mysql_connect('localhost', 'blahh', 'password');
mysql_select_db('reporting');

$sql = "SELECT DISTINCT ProductNumber, Description FROM Stock WHERE ProductGroup ='800'";
$result = mysql_query($sql);

echo "<select name='PRODS' multiple>";
while ($row = mysql_fetch_array($result)) {
    echo "<option value='" . $row['Description'] . "'>" . $row['Description'] . "</option>";
}
echo "</select>";

?>

到此javascript中，當按下按鈕時會創建多行。

    <html>
<head>
<title>Add Items To Repair</title>
<script language='javascript'>
row_no=0;
function addRow(tbl,row){
row_no++;
if (row_no<=20){
if (row_no>=10){
var textbox  = row_no+'.)<input type='text' size = '2'  maxlength= '2' name= quantity[]>';}
if (row_no<10){
var textbox  = row_no+'.  )<input type='text' size = '2'  maxlength= '2' name= quantity[]>';}
var textbox2 = '<input type='text' size = '100' maxlength= '100' name= desc[]>';
var textbox4 = '<input type='text' size = '20' maxlength= '20' name= issue[]>';
var tbl = document.getElementById(tbl);
var rowIndex = document.getElementById(row).value;
var newRow = tbl.insertRow(row_no);
var newCell = newRow.insertCell(0);
newCell.innerHTML = textbox;
var newCell = newRow.insertCell(1);
newCell.innerHTML = textbox2;
var newCell = newRow.insertCell(2);
newCell.innerHTML = textbox3;
var newCell = newRow.insertCell(3);
newCell.innerHTML = textbox4;

}
if (row_no>12){
alert ('Too Many Items. Limit of 12.'); 
}
}


</script>

我本質上想將下拉框添加到創建的javascript中。 我對javascript非常基礎。

Answer 1

而不是使用上述方法，我建議您使用jQuery的克隆方法。

例如：將所有表單元素放入容器中，如下所示：

<div id="container1">
    <input type='text' size = '2'  maxlength= '2' name= quantity[]>
    <input type='text' size = '100' maxlength= '100' name= desc[]>
    <input type='text' size = '100' maxlength= '100' name= issue[]>
    <select name=selectbox[]>
        <option>You can loop here from your DB call</option>
    </select>
</div>
<div id="container2">
</div>

使用后

$( ".container1" ).clone().appendTo( ".container2" );

這里更多參考：

http://api.jquery.com/clone/

要使用此onclick，請執行以下ex：

$(document).ready(function() {
    $( ".clicktoappend" ).click(function() {
        $( ".container1" ).clone().appendTo( ".container2" );
    });
});

PS：未經測試，但是應該可以

以上是一個示例，尚未經過測試，請檢查是否有幫助。

在javascript中嵌入php下拉框

問題描述

1 個解決方案

解決方案1
0 已采納 2013-11-28 11:24:55

在javascript中嵌入php下拉框

問題描述

1 個解決方案

解決方案1 0 已采納 2013-11-28 11:24:55

解決方案1
0 已采納 2013-11-28 11:24:55