我目前正在尝试找到一种方法来根据
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
谁能告诉我如何制作一个 javascript 函数来自动填充 Html TableRow 中的 max=" 值?
问题是每一行都有其唯一的最大@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 层次结构来查找实际的目标元素