[输入新编号时输入类型编号的更改事件
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[输入新编号时输入类型编号的更改事件相关的知识,希望对你有一定的参考价值。
我试图获取输入的值,而不是检查输入是否已更改,默认情况下,该值为1。使用箭头键更改,输入或递增输入时,它将触发更改侦听器。到目前为止,当我从默认值更改值时,它不会触发。
我要从中提取输入值的行的代码。
<tr class="deleteRow">
<th scope="row">
<button type="button" class="btn btn-danger btn-sm">
<i class="fas fa-trash"></i>
</button>
</th>
<td>Item 1</td>
<td>
<input class="form-control" type="number" value="1" />
</td>
<td>RM 50.00</td>
</tr>
到目前为止,我的功能代码:
<script>
$(.form-control).change(function(){
alert("this doesn't fire help!");
});
</script>
有什么建议吗?
答案
尝试以下操作,您的代码缺少'
,应为'.form-control'
:
$('.form-control').change(function(){
alert("this doesn't fire help!");
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<tr class="deleteRow">
<th scope="row">
<button type="button" class="btn btn-danger btn-sm">
<i class="fas fa-trash"></i>
</button>
</th>
<td>Item 1</td>
<td>
<input class="form-control" type="number" value="1" />
</td>
<td>RM 50.00</td>
</tr>
另一答案
解决方案[所有按键事件箭头,按键,鼠标轮
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<tr class="deleteRow">
<th scope="row">
<button type="button" class="btn btn-danger btn-sm">
<i class="fas fa-trash"></i>
</button>
</th>
<td>Item 1</td>
<td>
<input class="form-control" type="number" value="1" />
</td>
<td>RM 50.00</td>
</tr>
<script>
$(document).ready(function() {
$('.form-control').on('input', function() {
alert($('.form-control').val())
});
});
</script>
以上是关于[输入新编号时输入类型编号的更改事件的主要内容,如果未能解决你的问题,请参考以下文章