保存HTML表单中的值以在d3中使用



我有一些问题,而试图保存用户的输入d3计算。我看过几个线程,包括JavaScript -获取HTML表单值,但由于某种原因,建议的解决方案似乎在下面的情况下不起作用。

这是我的HTML:

<div class='row'>
<div class="col-md-12">
<p class="lead">
What is your annual household income?
</p>
<input id="userAnnualIncome form-control-sm" type="number" value="">
</div>
</div>

在JS中是这样的:

let annualIncome = document.getElementById('userAnnualIncome').value

当我console.log(annualIncome) -我得到以下错误:

app.js:95 Uncaught TypeError: Cannot read property 'value' of null
at HTMLButtonElement.<anonymous> (app.js:95)
at HTMLButtonElement.<anonymous> (d3.v7.min.js:2)

任何建议吗?

这是因为您的ID是userAnnualIncome form-control-sm,所以您尝试选择不存在的东西。如果你把bootstrap部分放在class属性中并且只把userAnnualIncome作为ID它就能正常工作

let val = document.getElementById('userAnnualIncome').value
console.log(val)
<input id="userAnnualIncome" class="form-control-sm" type="number" value="12123">

相关内容

  • 没有找到相关文章

最新更新