输入标签，如何在事件上将数字重置为1

Question

我正在构建一个html Snakes and Ladders游戏。在我的设置屏幕中，我有一个输入标签，用户需要选择一个电路板尺寸，根据他的选择，他也可以选择最多数量的蛇和梯子。

如果他选择7x7板并进入蛇和梯子的输入标签（type=number），他可以选择9，但是如果他将板尺寸改为5x5，他最多只能选择5条蛇和梯子。事情是＆＃34; max＆＃34;属性更改为5（使用ajax），但它仍然在输入的小方框中写入9（type =＆＃34; number＆＃34;）..

如何重置小方框内写的内容？我希望用户看到＆＃34; 1＆＃34;每次他改变棋盘尺寸......只有这样他才能选择他的蛇和梯子数量。

Answer 1

您可以使用

将输入值设置为1

$("#input_field").val("1");

（假设输入字段具有css-id＆＃34; input_field＆＃34;）。 http://api.jquery.com/val/

您需要在发生特定事件时调用此方法（如其他表单元素中的更改）。

您可以执行类似（未经测试的）

$("#select").change(function() {
    // change max value via ajax if needed
    $("#input_field").val("1");
});

（假设选择字段具有css-id＆＃34;选择＆＃34;）