Элемент изменен на 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>