由 javascript 更改的元素未提交

Question

我创建了一个带有文本输入和按钮的简单表单。

<form method="POST">
    <input type="text" name="Itm" id="Itm">
    <input type="submit" value="submit">
</form>

然后我用 JavaScript 的下拉列表替换文本输入。

<script>
    document.getElementById('Itm').outerHTML="<select id='IItm'>";
     x = document.getElementById("IItm");
     var option = document.createElement("option");
     option.text = "Kiwi";
     x.add(option);
</script>

但是，现在通过单击提交按钮，选择的值不会被提交。

注意：我使用以下代码来获取和检查值。

<?php 
    if ($_SERVER['REQUEST_METHOD']=='POST') {
        print_r($_POST);
    }
 ?>

Answer 1

您必须为选择设置value。该值是在 post 中传递的。

<script>
    document.getElementById('Itm').outerHTML="<select id='IItm'>";
     x = document.getElementById("IItm");
     var option = document.createElement("option");
     option.text = "Kiwi";
     x.value = "Kiwi"
     x.add(option);
</script>