Question

我有这个HTML代码

<form method="post" action="cashier.php" enctype="form-data/multipart">    
    <input required id="amount" type="number" min="0" class="form-control" name="txtamount" placeholder="Enter Payment Here..." />
    <input required id="cash" type="number" min="document.getElementById('amount').value" class="form-control" name="txtcash" placeholder="Enter Cash Here..." />
    <input type="submit" class="btn btn-primary pull-right" name="btnenroll" value="Done" />
</form>

如果我在id =“amount”上输入1000，则id =“cash”min将为1000。

但它不起作用。

Answer 1

最直接的方法是在付款输入中添加onchange处理程序，例如：

<form method="post" action="cashier.php" enctype="form-data/multipart">    
    <input required id="amount" type="number" min="0" class="form-control" name="txtamount" placeholder="Enter Payment Here..." 
        onchange="document.getElementById('cash').min=this.value;"/>
    <input required id="cash" type="number" min="document.getElementById('amount').value" class="form-control" name="txtcash" placeholder="Enter Cash Here..." />
    <input type="submit" class="btn btn-primary pull-right" name="btnenroll" value="Done" />
</form>

这可以为您提供所需的功能，而无需包含第三方库，如jQuery。

Answer 2

在这种情况下，您应该使用Jquery onchange或keypress

 $("#cash").attr({
       "min" : $("#amount").val()
 });

Answer 3

如果您使用的是jQuery，请使用下面的

$("#amount").change(function() {
  $("#cash").attr('min',$("#amount").val());
});

参考 - https://api.jquery.com/change/

Answer 4

我不认为你可以在最短时间内放置javascript，而且你在另一对双引号中有一对双引号，它会打破标签（你可以检查元素，你会发现。）

所以这个想法是当金额元素的价值发生变化时，我们会改变现金的最小值。所以我们可以为amount元素添加一个事件监听器。每当更改时，设置min for cash元素。这是一个工作示例代码：

<form method="post" action="cashier.php" enctype="form-data/multipart">    
    <input required id="amount" type="number" class="form-control" name="txtamount" placeholder="Enter Payment Here..." />
    <input required id="cash" type="number" class="form-control" name="txtcash" placeholder="Enter Cash Here..." />
</form>

<script>
    function setMin() {
        var amount = document.getElementById("amount");
        var cash = document.getElementById("cash");
        cash.min = amount.value;
    }

    var trigger = document.getElementById("amount");
    trigger.addEventListener("change", setMin, false);
</script>

如您所见，我在html中删除了您的js并添加了一个事件监听器。希望这会有所帮助。

将输入类型编号的最小值设置为其他输入类型编号

4 个答案: