我在PHP和HTML中有一个下拉菜单，一个文本框和一个按钮。通过单击按钮，我可以获得下拉菜单的选定值的值以及文本框的值。这是我的index.html：
<html>
<head>
<title></title>
</head>
<body>
<form action="function.php" method="post">
<!-- here start the dropdown list -->
<div id="mainContainer">
<select name="dowpdown">
<option value="String">String</option>
<option value="Number">Number</option>
</select>
Enter first number <input type="text" name="fnum"/><hr/>
<input type="submit" name="show_dowpdown_value" value="show"/>
</div>
</form>
<?php include("function.php"); ?>
</body>
</html>
这是我的function.php代码：
<?php
// here starts the php
if (isset($_POST['show_dowpdown_value'])) {
echo $_POST['dowpdown']; // this will print the value if downbox out
$x=$_POST['fnum'];
echo $_POST['fnum'];
}
?>
现在，我添加了另一个按钮，该按钮每次单击都会生成一个下拉列表和一个文本框。这是我的代码：
<table>
<tr>
<td><button type="button" onClick ="addRow(this)">Add</button></td>
</tr>
</table>
<script type="text/javascript">
function addRow(btn) {
var parentRow = btn.parentNode.parentNode;
var table = parentRow.parentNode;
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var cell1 = row.insertCell(0);
var element1 = document.createElement("input");
element1.type = "text";
cell1.appendChild(element1);
var cell3 = row.insertCell(1);
//var element2 = document.createElement("input");
var element2 = document.createElement("select");
//element2.type = "select";
var option1 = document.createElement("option");
option1.innerHTML = "Option1";
option1.value = "1";
element2.add(option1, null);
var option2 = document.createElement("option");
option2.innerHTML = "Option2";
option2.value = "2";
element2.add(option2, null);
cell3.appendChild(element2);
}
</script>
它完美地生成了下拉列表和文本框。但我无法从生成的下拉列表和文本框中获取值。需要帮助，只需单击一下按钮即可从所有下拉列表和文本框中获取值。