从 HTML 字段中提取值并使用 get.element 放入变量中答案

【问题标题】：Pull value from HTML field and put into variable using get.element从 HTML 字段中提取值并使用 get.element 放入变量中
【发布时间】：2018-10-20 07:36:38
【问题描述】：

如何从字段中提取用户字段信息并存储在变量中？我需要它然后将该信息输出到一个 div 中，它用于员工记录数据库之类的东西。

    <!DOCTYPE html>
<html>
<head>
    <title>52DA session 5</title>
    <meta charset="utf-8" />
    <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../css/employee_styles.css"/>
</head>
<body>
    <div id="container">
        <header>
            <h1 id="heading" class="blueTxt">Employee Records</h1>
        </header>
        <div class="left">
        <form>
            <fieldset>
                <legend><h2>Employee Details Entry</h2></legend>            
                <p class=><label>Name: <input class="text" type="text" id="name" /></label></p>
                <p><label>Age: <input class="text" type="text" id="age" /></label></p>
                <p><label>Position: <input class="text" type="text" id="position" /></label></p>
                <p><label>Details: <textarea type="text" id="details" maxlength="114" ></textarea></label></p>              
                <input class="button" type="button" id="addRecord" onclick="" value="Add Record"/>
            </fieldset>
        </form>             

            <div class="sort">
                <h3>Sort</h3>
                <button class="button" id="sortByName">By Name</button>
                <button class="button" id="sortByAge">By Age</button>
                <br/><button class="button" id="reset">Reset Details</button>
                <br /><br />
            </div>
        </div>
        <section>
            <div id="employeeRecords">

            </div>
        </section>

    </div>  

    <script src="../js/employee_script.js"></script>
</body>
</html>

这是我的空 js

var employees = [];



//--------------------------------------------------------------------------------------------------------------

function Person(name, age, pos, dtls, img){

    this.fullName = name;
    this.employeeAge = age;
    this.position = pos;
    this.details = dtls;

    this.avatarSrc = img;

        this.createProfile = function(){
        var profile = document.createElement("div");
        profile.className = "profileStyle";
        var avatar = document.createElement("img");
        avatar.src = this.avatarSrc;
        avatar.alt = this.fullName();
        profile.appendChild(avatar);
        var profileTxt = document.createElement("p");
        profileTxt.innerHTML = "<b>" + this.fullName() +
        "</b><br />" + this.age + 
        "</b><br />" + this.pos + 
        "</b><br />" + this.dtls;
        profile.appendChild(profileTxt);
        return profile;
        }

    employees.push(this);

请尽量简单

干杯！任何帮助将不胜感激！我对 js 和一般编码相当陌生。

【问题讨论】：

标签： javascript html variables field

【解决方案1】：

用于从 HTML 表单字段中获取值

var x = document.getElementById("myText").value;

你可以把它设置成你想要设置的地方

document.getElementById("result").value = x;

【讨论】：

【解决方案2】：

我同意@Rao，您可以阅读这篇关于如何获取输入字段的帖子...

How do I get the value of text input field using JavaScript?

您可以从 Mozilla 网站阅读 https://developer.mozilla.org/it/docs/Web/JavaScript/Guida

还有 w3schools...

https://www.w3schools.com/js/

【讨论】：