如何防止JavaScript中的select被多次更改[关闭]

vwkv1x7d  于 2023-10-14  发布在  Java
关注(0)|答案(1)|浏览(121)

已关闭,此问题需要更focused。它目前不接受回答。
**想改善这个问题吗?**更新问题,使其只关注editing this post的一个问题。

昨天关门了。
Improve this question
我有一个选择下拉菜单供用户选择:

<select  id='buildingtype' name=_fid_36 required >
  <option>Mobile Homes</option>
  <option>Multi Family</option>
  <option>Single Family</option>
</select>

如何在用户进行更改后禁用选择?从而如果用户选择例如移动的家庭,则该选择被禁用。我更喜欢JavaScript,但任何代码都可以。谢谢你,谢谢

u5i3ibmn

u5i3ibmn1#

设置一个change事件回调,它将禁用该元素。
不过要注意的是,任何知道如何打开开发人员控制台的人都可以绕过这一点。
这可能不是最好的用户体验。如果用户错误地选择了错误的项目怎么办?

document.querySelector("#buildingtype").addEventListener("change", function(){
  this.disabled = true;
});
<select  id='buildingtype' name=_fid_36 required >
  <option value="">--- Please Select ---</option>
  <option>Mobile Homes</option>
  <option>Multi Family</option>
  <option>Single Family</option>
</select>

相关问题