我有一些问题,而试图保存用户的输入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">