被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 的选择。值就是在后传到的。

<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>