如何使用 JavaScript 存储文本值

Question

我设计表单以输入 firstName、lastName、fullName 等。当我输入 firtName 和 lastName 时，我想使用 JavaScript 将 firstName 和 lastName 存储到名为 fName 和 lName 的变量中。 我试图存储这些值，但没有用，

   <form>
                <div class="form-group">
                        <label for="fName">Fist Name</label>
                        <input type="text" name="fName" id="id00" class="form-control"/>               
                </div>

                <div class="form-group">
                        <label for="lName">Last Name</label>
                        <input type="text" name="lName" id="id01" class="form-control"/>               
                </div>

                <div class="form-group">
                        <label for="fulName">Full Name</label>
                        <input type="text" name="fullName" id="id02" class="form-control"/>               
                </div>

        </form>
                <button type="button" onclick="myfunction()" class="btn btn-info">click me</button>
</div>
<!-- FOR THE JAVASCRIPT CONTENT-->
                <script lang="javascript">
                        var fName = document.getElementById('id00').innerHTML;
                        var lName = document.getElementById('id01').innerHTML;
                        var fullName = fName + " " + lName;
                function myfunction(){
                        document.getElementById('id02').innerHTML=fullName;
                }
                        </script>  

Answer 1

这是一个输入，因此您需要使用value属性。

function myfunction(){
  var fName = document.getElementById('id00').value; // use .value instead of .innerHTML
  var lName = document.getElementById('id01').value;
  var fullName = fName + " " + lName;
  document.getElementById('id02').innerHTML=fullName;
}

这个Stackoverflow question中概述了从输入元素获取值的不同方法的一个很好的解释。