将数据从 JavaScript 填充到 textBox

Populating the data from JavaScript to textBox

本文关键字：textBox 填充 JavaScript 数据      更新时间：2023-09-26

我有一个文本框，我需要在加载表单时加载数据。在"G6data"变量中，我得到的值为 100，但它没有填充在 G6 文本框中。如何使用getElementByID填充我进入输入框的数据。请帮忙

   <!DOCTYPE html>
        <html>
        <body onload="myFunction()">        
        <input type="text" id="f6" value="5000" />
        <input type="text" id="G6" value="" />
        <button >Try it</button>        
        <script>
        function myFunction()
        {
        var F6=document.getElementById("F6").value;
           var as6=calculateAS6(F6);    
           var as4=CalculateAS4(as6);
           var G6data=AveragePercentage(as6,as4);
document.getElementById("G6").innerHTML=G6data;       
        }
        </script>       
        </body>
        </html>

您在输入元素中出错，并为我们使用的任何文本框提供值 .value 而不是 .innerHTML .

使用此代码

     <html>
        <body onload="myFunction()">        
         <input type="text" id="f6" value="5000" />
         <input type="text" id="G6" value="" />
         <button >Try it</button>        
        <script>
        function myFunction()
        {
        var F6=document.getElementById("f6").value;
           var as6=calculateAS6(F6);    
           var as4=CalculateAS4(as6);
           var G6data=AveragePercentage(as6,as4);
        document.getElementById("G6").value=G6data;       
        }
        </script>       
        </body>
      </html>

它应该是value 

document.getElementById("G6").value=G6data;

这里有一个简单的问题

<input type="text" id="f6" value="5000" />

您在此处的 id 是"f6"，而您尝试在此处获取 id 为"F6"的元素

var F6=document.getElementById("F6").value;

并在此处使用值而不是内部HTML

document.getElementById("G6").innerHTML=G6data;
相关文章：