Question

我试图找出如何让JavaScript显示输入到表单元素中的值。

我可能从一开始就做错了，这不是标准的做法，但这就是我正在做的事情。

HTML

<form>
    First name:
    <input type= "text" id="firstname" name="firstname"> <br> <br>
        Last name: <input type= "text" id="lastname" name="lastname" <br> 
        <br> <br>
    <input type = "submit" value="submit">      
</form>

的JavaScript

<script>

    function getElementById("firstname") {
        var userName = document.getElementById("firstname")
        document.write("Hello, " + userName);
</script>

Answer 1

选择要阅读的元素。 document.getElementById("firstname")然后使用.value获取值。
选择要将这些值显示给用户的元素.. document.getElementById("show")并打印值.. .innerText。
现在将逻辑放在函数showName()中，并在提交按钮的onclick事件上调用此函数。

＆＃13;

function showName(e){
    var firstName= document.getElementById("firstname").value;
    var lastName = document.getElementById("lastname").value;
    document.getElementById("show").innerText = firstName+" "+lastName;        
}

＆＃13;

<body>
    <form>
        First name:
        <input type= "text" id="firstname" name="firstname"> <br> <br>
        Last name: <input type= "text" id="lastname" name="lastname"> <br> <br> <br>
        <input type = "button" onclick="showName()" value="submit">
        <span id="show"></span>
    </form>
</body>

＆＃13;

显示表单中的名称输入

1 个答案: