我试图用 javascript 中的 php 元素制作一个包含动态内容的下拉菜单,但是当我单击“添加项目”按钮时,没有任何反应。 php 中的元素存储在 $item[]
<script>
function addInput()
{
var table = document.getElementById("item");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
var cell4 = row.insertCell(3);
cell1.innerHTML = "<select name="i1[]">
<?php
echo "<option selected disabled>Choose Item Code</option>";
$i=0;
while(!empty($item[$i]))
{
echo "<option value=".$item[$i].">".$item[$i]."</option>";
$i++;
}
?></select>";
cell2.innerHTML = "<input type='text' name='q1[]' size=10>";
cell3.innerHTML = "<input type='text' name='p1[]' size=10>";
}
</script>
最佳答案
您应该在 PHP 生成的每一行后面添加“+”符号
function addInput()
{
var table = document.getElementById("item");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
var cell4 = row.insertCell(3);
cell1.innerHTML = ""+
"<select name='i1[]'>"+
<?php
echo "'<option selected disabled>Choose Item Code</option>'+";
$i=0;
while(!empty($item[$i]))
{
echo "'<option value=".$item[$i].">".$item[$i]."</option>'+";
$i++;
}
?>
"</select>";
cell2.innerHTML = "<input type='text' name='q1[]' size=10>";
cell3.innerHTML = "<input type='text' name='p1[]' size=10>";
}
关于javascript - 如何在javascript中用php制作动态下拉菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36027893/