为 HTML 中的输入字段分配动态值

Question

我有一个输入字段，我想为其分配一个从数据库动态获取的值。稍后我将在脚本中使用该值。下面是我的代码

<div data-ng-model="DashboardCounterItems">
<div data-ng-repeat="cItem in DashboardCounterItems">
<input type ="hidden" id ="myInput" value = {{cItem.dbMeetings.length}} />
</div>
</div>

此处{{cItem.dbMeetings.length}}是从数据库中获取并分配给myInput。此外，当我在下面的脚本中检查警报中此输入的值时，我得到 {{cItem.dbMeetings.length}} 消息而不是其中的值。

<script>
var iLenthv = document.getElementById("myInput").value;
alert(iLenthv);
</script>

任何帮助我该怎么做。或者其他更好的方法。我会非常感激的。

Answer 1

使用 .getAttribute() 从 html 属性中获取值

function myFunction() {
var iLenthv = document.getElementById("myInput").getAttribute("value"); 
alert(iLenthv);
}

希望对您有所帮助

Answer 2

我认为您的 JS 代码将在数据库数据检索之前执行，您可以在 setTimeout() 方法中检查 JS 代码吗？

<script>
    setTimeout(function() {
        var iLenthv = document.getElementById("myInput").getAttribute("value");
        alert(iLenthv);
    }, 3000); 
</script>

Answer 3

因此我们必须跟踪客户端的实际值，文档加载后。你会改编这段代码并看一下控制台吗？

<div data-ng-model="DashboardCounterItems">
  <div data-ng-repeat="cItem in DashboardCounterItems">
    <input type="hidden" id="myInput" value={{cItem.dbMeetings.length}} />
  </div>
</div>

<script>
  const test = () => {
    var iLenthv = document.getElementById("myInput").value;
    console.log("value:",iLenthv);
  };

  window.onload = test;
</script>

为 HTML 中的输入字段分配动态值

Assign dynamic value to an Input Field in HTML

html

javascript

alert

input