为啥我的数字类型的表单输入没有得到任何价值?
Posted
技术标签:
【中文标题】为啥我的数字类型的表单输入没有得到任何价值?【英文标题】:Why my form input of type number is not getting any value?为什么我的数字类型的表单输入没有得到任何价值? 【发布时间】:2018-07-31 03:23:06 【问题描述】:请帮忙。
我正在尝试获取 ID 为 amount_0027634199476 的输入值。每当我更改字段的值时,单击提交按钮后,我不会通过 javascript 获得任何信息,该按钮应该发送带有输入框值的警报。 这是我的代码:
<div class="modal-body">
<form id="frm_entry_0027634199476" method="post">
<input type='hidden' name='csrfmiddlewaretoken' value='a9wl1mTYjT1FhTmhr41zLoy6H7ay4QPvDXQHuUSNcGcMkrUNVISM7BSvRbVp3RPf' />
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Montant</label>
<div class="col-md-9 col-sm-9 col-xs-12">
<input type="number" id="amount_0027634199476" class="form-control">
</div>
</div>
<div class="form-group">
<div class="col-md-9 col-sm-9 col-xs-12">
<div class="radio">
<label>
<input type="radio" checked="" value="True" id="optionsRadios1" name="deposit_0027634199476"> <strong>Depot</strong>
</label>
</div>
<div class="radio">
<label>
<input type="radio" value="False" id="optionsRadios2" name="deposit_0027634199476"> <strong>Retrait</strong>
</label>
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="cancel" class="btn btn-primary" data-dismiss="modal">anuller</button>
<button type="submit" class="btn btn-default" onclick="submiter()" >valider</button>
<script>
function submiter()
x = document.getElementById("amount_0027634199476");
alert(x.value);
</script>
我做错了吗?我怎样才能纠正它?还是因为这段代码所在的页面包含多个具有相同csrf-token的表单?
【问题讨论】:
为什么这个标签是python
?
因为我是通过django使用python来生成表单元素的ID
【参考方案1】:
它对我有用:
https://jsfiddle.net/0pbsxLmw/
<<html>
<body>
<div class="modal-body">
<form id="frm_entry_0027634199476" method="post">
<input type='hidden' name='csrfmiddlewaretoken' value='a9wl1mTYjT1FhTmhr41zLoy6H7ay4QPvDXQHuUSNcGcMkrUNVISM7BSvRbVp3RPf' />
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12">Montant</label>
<div class="col-md-9 col-sm-9 col-xs-12">
<input type="number" id="amount_0027634199476" class="form-control">
</div>
</div>
<div class="form-group">
<div class="col-md-9 col-sm-9 col-xs-12">
<div class="radio">
<label>
<input type="radio" checked="" value="True" id="optionsRadios1" name="deposit_0027634199476"> <strong>Depot</strong>
</label>
</div>
<div class="radio">
<label>
<input type="radio" value="False" id="optionsRadios2" name="deposit_0027634199476"> <strong>Retrait</strong>
</label>
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="cancel" class="btn btn-primary" data-dismiss="modal">anuller</button>
<button type="submit" class="btn btn-default" onclick="submiter()" >valider</button>
<script>
function submiter()
x = document.getElementById("amount_0027634199476");
alert(x.value);
</script>
</body>
</html>
【讨论】:
好吧,我刚刚检查了一下,它也在工作......现在我认为问题出在我的 html 代码中的其他地方。我可以在这里烤吗?【参考方案2】:找到解决方案。 这里是:
由于有多个自动生成的表单和它们的 sumbiter() javascript 方法来验证和提交每个表单的表单,我不得不使 javascript 方法的名称在为了在每个 onClick 事件上定位特定的 javascript 方法。
【讨论】:
以上是关于为啥我的数字类型的表单输入没有得到任何价值?的主要内容,如果未能解决你的问题,请参考以下文章
WidgetProvider 的 appWidgetIds[] 是啥?为啥总是得到它的价值0?