Get the App
SLTechnology News&Howtos  ›  Development  › 

How to submit the value of a disabled form field in a form

Shulou Source: shulou.com Published: 2022-06-03 07:09:14 11月15日 Update

This article is about how to submit the value of the disabled form field in the form. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

If a form field in the form is set to disabled, the value of that form field will not be submitted. But sometimes you do need to submit this value.

There are many solutions, such as using readonly instead of disabled, but I don't think they are very good (for specific reasons).

One solution I can think of is to make a copy of the form to be submitted before submitting, then set the disabled attribute of all form fields in the copied form to false, and then submit the copied form. Here is the code for the demo (save the code to a file called submit.html to see the demo effect).

The code is as follows:

Submit form

Function doSubmit (form) {

Var newForm = form.cloneNode (true)

EnableFields (newForm.getElementsByTagName ("input"))

EnableFields (newForm.getElementsByTagName ("textarea"))

EnableFields (newForm.getElementsByTagName ("select"))

NewForm.style.display = "none"

Document.body.appendChild (newForm)

NewForm.submit ()

}

Function enableFields (fields) {

For (var iTuno Bandi)

Tags: Forms code content solutions more articles presentations good practical no reason that is properties effects files articles time see knowledge but Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno MySQL vpn Apple OPPO Reno macOS