要从禁用的<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元无门槛券
手把手带您无忧上云