HTML表单提交-Ajax生成的下拉值未发送

Question

我有一个嵌入在html / smarty模板代码中的表单。 表单内有一个下拉框，其中包含从数据库填充的选项。 如果更改选项，它将使用ajax通过onChange事件调用php脚本，该ajax创建/填充2个其他下拉列表。 这部分工作正常，但是如果您提交了整个表单（涉及原始下拉菜单和另外两个动态创建的表单），则在有2个动态创建的下拉菜单的情况下，尽管键值对位于内部，但它们根本不会发送到浏览器换句话说，它仅发送包含模板本身的值，而不发送通过ajax生成到“ txtHint1”中的值。

n

html /模板形式：

<table border="0" width="600">
<tr>
<form name='form1' id='form1' method='get' action=''>
<td width="80"><h4><b>Source 1:</b></h4></td>
<td>
<select name='host_selection' onChange="showDatet(this.value,'txtHint1')">
{foreach from=$hostlist item="entry"}
<option value={$entry.host}>{$entry.host}</option>
{/foreach}
</select>
</td>
<td>
<div id="txtHint1">
</div>
</td>
</tr>
<tr>
<td>
<button type='submit' name='Submit'>COMPARE!</button>
</td>
<td>
<input type='hidden' name='op' value='hid' />
</td>
</form>
</tr>
</table>

通过ajax调用的php代码的一部分：

echo "<select name='datet_selection" . $fieldID . "'>Test</option>";
foreach ($x->sql->record as $temp) {
    echo "<option value='" . $temp['datet'] . "'>" . $temp['datet'] . "</option>";
}
echo "</select>";   

Answer 1

这可能无法解决整个问题，但是您动态渲染的下拉列表似乎格式不正确。 更改：

echo "<select name='datet_selection" . $fieldID . "'>Test</option>";

至

echo "<select name='datet_selection" . $fieldID . "'><option>Test</option>";

Answer 2

我认为您还需要一个...因此，您需要：

echo "<select name='datet_selection" . $fieldID . "'><option>Test</option></select>";