УСТАНОВИТЬ ЗНАЧЕНИЕ для типа ВВОД текста с помощью ФУНКЦИИ HTML

Question

это часть моего кода:

<script>
        function setCard() {
            var carta = document.getElementById('idlistaCarte').value;
            document.getElementById('idcodice_carta').innerHTML = carta;

        }
</script>

<table>

    <tr>
        <td><p>Conferma Pagamento</p></td>
    </tr>
    <tr>
        <td><select name="listaCarte" id="idlistaCarte">
                <%
                    int i = 0;
                    for (String titolareCarta : listatitolare_carta) {
                %>
                <option value="<%=listacodice_carta.get(i)%>"
                    id="idcodice_carta_select">
                    <%=titolareCarta%>,<%=listacodice_carta.get(i)%>,<%=listatipologia_carta.get(i)%>
                </option>
                <%
                    i++;
                    }
                %>
        </select></td>
    </tr>
    <tr>
        <td><input type="button" onclick="setCard()" value="Set Card"></td>
        <td><p id="idcodice_carta"></p></td>
    </tr>
    <tr>
        <td><input type="text" placeholder="codice_carta"
            name="codice_carta" id="idcodice_carta" required></td>
    </tr>
</table>

Я пытаюсь передать значение в тексте типа ввода с помощью id = "idcodice_carta", получающего значение из кнопки выбора через. Я не могу сделать это. Попытка заполнить тег p это работает, но мне нужно иметь значение в поле ввода. Как я могу решить проблему? Заранее спасибо.

Answer 1

вам нужно изменить идентификатор либо

<td><p id="idcodice_carta"></p></td>

или

 <input type="text" placeholder="codice_carta"
                name="codice_carta" id="idcodice_carta" required>

вы не можете использовать один и тот же идентификатор на одной странице, например, "idcodice_carta"