首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何从禁用的<input>元素获取表单值

要从禁用的<input>元素获取表单值,可以使用以下方法:

  1. 使用JavaScript代码获取禁用输入的值。
代码语言:javascript
复制
const disabledInput = document.querySelector('#disabled-input');
const form = document.querySelector('#form');

form.addEventListener('submit', (event) => {
  event.preventDefault();
  const value = disabledInput.value;
  console.log(value);
});
  1. 使用隐藏输入字段来存储值。

在HTML中,创建一个隐藏的<input>元素,将禁用的<input>元素的值复制到隐藏输入字段中。

代码语言:html<input type="hidden" id="hidden-input" name="hidden-input" value=""><input type="text" id="disabled-input" name="disabled-input" value="" disabled>
复制

然后,在JavaScript中,在表单提交时获取隐藏输入字段的值。

代码语言: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>元素被禁用,您仍然可以获取其值并在表单提交时使用。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券