在限制上下菜单上的数字输入以消除重复项时遇到问题

Question

使用 PHP 和 html，我正在尝试创建一个具有 4 个数字输入的网页，用户可以使用这些输入按特定顺序放置值。我的问题是，如果用户选择一个号码，我不希望用户能够再次选择相同的号码。

我

找不到允许这种事情成为可能的参考，我只能找到如何限制最小值和最大值。

Answer 1

正如@Emma已经提到的，您将需要在客户端上使用某种类型的JavaScript代码来检查用户输入。通常我会选择jquery来简化事情，但这取决于您的偏好，即您想要使用哪个库或框架。

下面是一个非常简短的 JavaScript 示例 (MVP(，展示了执行此类输入检查的可能方法：

var num=document.getElementsByClassName('sequence');
for (var i=num.length;i--;) num[i].addEventListener('change',function(ev){
  for (var i=num.length;i--;) {
  if (ev.target!==num[i] && ev.target.value==num[i].value)
     console.log("illegal repetition of "+ev.target.value);
  }
})

<input type="number" name="num[]" class="sequence" value="1"/>
<input type="number" name="num[]" class="sequence" value="2"/>
<input type="number" name="num[]" class="sequence" value="3"/>
<input type="number" name="num[]" class="sequence" value="4"/>