要从禁用的<input>
元素获取表单值,可以使用以下方法:
const disabledInput = document.querySelector('#disabled-input');
const form = document.querySelector('#form');
form.addEventListener('submit', (event) => {
event.preventDefault();
const value = disabledInput.value;
console.log(value);
});
在HTML中,创建一个隐藏的<input>
元素,将禁用的<input>
元素的值复制到隐藏输入字段中。
然后,在JavaScript中,在表单提交时获取隐藏输入字段的值。
const disabledInput = document.querySelector('#disabled-input');
const hiddenInput = document.querySelector('#hidden-input');
const form = document.querySelector('#form');
form.addEventListener('submit', (event) => {
event.preventDefault();
const value = disabledInput.value;
hiddenInput.value = value;
console.log(hiddenInput.value);
});
这样,即使<input>
元素被禁用,您仍然可以获取其值并在表单提交时使用。
云+社区技术沙龙[第10期]
高校公开课
小程序云开发官方直播课(应用开发实战)
云+社区开发者大会 长沙站
云+社区技术沙龙[第8期]
云+社区技术沙龙[第6期]
腾讯位置服务技术沙龙
腾讯云GAME-TECH沙龙
腾讯云GAME-TECH沙龙
云+未来峰会
领取专属 10元无门槛券
手把手带您无忧上云