/tr>-6ren">
gpt4 book ai didi

javascript - 单击时用最大值填充输入

转载 作者:行者123 更新时间:2023-12-02 22:25:11 24 4
gpt4 key购买 nike

我目前正在尝试找到一种方法来根据

填充输入的最大值
max="@value"

目前我正在使用 asp.net mvc,我从数据表中获取数据,并将此信息呈现在 html 表中,其中在我的 tr>/tr> 我有一个 td>/td> ,如下所示

 <td align="center"><input type="number" name="txtID" class="txtID" oninput="setValueAttr(this)" min="0" max="@monto.Trim()" value="" step="any" style="width: 100px" /></td>1

谁能告诉我如何制作一个自动填充 Html TableRow 内 max=""值的 JavaScript 函数?

问题是每一行都有其唯一的最大值@value

最佳答案

假设以下 HTML:

<td align="center">
<input type="number" name="txtID" class="txtID" oninput="setValueAttr(this)" min="0" max="@monto.Trim()" value="" step="any" style="width: 100px" />
<button class="set-max">Max value</button>
</td>

您可以通过 JavaScript 在按钮上添加事件监听器,例如将此代码放在表格底部或 <body> 的底部标签。

<script>
var buttons = document.querySelectorAll('.set-max');
buttons.forEach(function (button) {
button.addEventListener('click', function (event) {
var input = event.currentTarget.parentElement.querySelector('input[type="number"]');
input.value = input.max;
});
};
<script>

如果按钮最终位于其他位置,您需要调整事件监听器以通过浏览 DOM 层次结构来查找实际的目标元素

关于javascript - 单击时用最大值填充输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59096791/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com