html - 将值设置为带有 FUNCTION HTML 的 INPUT 类型文本

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" 从通过按钮选择的值传递输入类型文本中的值。我做不到。尝试填充 ap 标签这可行，但我需要在输入字段中有值。我该如何解决这个问题？先感谢您。

标签： htmlinputtags

Answer 1

您也需要更改 id

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

或者

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

您不能在一页中使用相同的 ID，例如“idcodice_carta”