首页 > 解决方案 > 从 Jquery 获取数字输入的值,使用 nicenumber() 进行数字输入

问题描述

我已经为我从转发器动态生成的数字输入添加了 nicenumber,我想获取已更改的值。现在输入的 ID 是动态生成的,这对我来说很难获得用于更改功能的 jquery 设置。通过 Jquery 从输入中获取数据的最佳方法是什么。

我试过 onchanged 输入,$('[type="number"]').click(function () { });

  $(":input").bind('keyup mouseup change', function () {
  alert("changed");
  });

似乎没有任何效果。:(

<asp:Repeater ID="FoodGroupItems" runat="server" DataSourceID="FoodGroupDS">
<ItemTemplate>
                                      <input type="number" id="<%# Eval("ItemID")%>" value='<%# QuantityVal(Eval("ItemID"))%>' min="0" max="20" style="width:5ch;">

         <label Class="radioAlign"><b><%# Eval("ItemTitle") %></b></label> 

            <label>&nbsp; $<%# Eval("itemPrice").ToString().Substring(0, Eval("itemPrice").ToString().Length() - 2) %></label>
                                       <br />
      </ItemTemplate>
  </asp:Repeater>

我有一个中继器,我在其中填充项目输入是使用 nicenumber 来选择食物的数量。

<label Class="radioAlign"><b><%# Eval("ItemTitle") %></b></label> 

正在显示项目标题/名称

最后一个标签显示价格

  <label>&nbsp; $<%# Eval("itemPrice").ToString().Substring(0, Eval("itemPrice").ToString().Length() - 2) %></label>

看起来像这样

[1]:https://imgur.com/a/ROuXxb9

我想获取要在 jquery 中获取的项目 ID 和数量。

标签: jquerynumbersdynamic-programming

解决方案


查看.nicenumber()源代码,他们似乎input在输入上触发了一个事件。

所以做这样的事情应该工作......

$(document).on('change keydown keyup cut paste input', 'input[type="number"]', function() {
  alert("changed");
});

推荐阅读