CODEWITHSUNDEEP
javascripthtml
Harsha M V
Harsha M V

Reputation: 54949

Submitting the value of a disabled input field

I want to disable an input field, but when I submit the form it should still pass the value.

Use case: I am trying to get latitude and longitude from Google Maps and wanna display it, but I don't want the user to edit it.

Is this possible?

Upvotes: 142

Views: 150481

Answers (4)

Abu Sulaiman
Abu Sulaiman

Reputation: 1507

I know this is old but I just ran into this problem and none of the answers are suitable. nickf's solution works but it requires javascript. The best way is to disable the field and still pass the value is to use a hidden input field to pass the value to the form. For example,

<input type="text" value="22.2222" disabled="disabled" />
<input type="hidden" name="lat" value="22.2222" />

This way the value is passed but the user sees the greyed out field. The readonly attribute does not gray it out.

Upvotes: 27

pjnovas
pjnovas

Reputation: 1116

you can also use the Readonly attribute: the input is not gonna be grayed but it won't be editable

<input type="text" name="lat" value="22.2222" readonly="readonly" />

Upvotes: 14

Sarfraz
Sarfraz

Reputation: 382696

I wanna Disable an Input Field on a form and when i submit the form the values from the disabled form is not submitted.

Use Case: i am trying to get Lat Lng from Google Map and wanna Display it.. but dont want the user to edit it.

You can use the readonly property in your input field

<input type="text" readonly="readonly" />

Upvotes: 312

nickf
nickf

Reputation: 546025

Input elements have a property called disabled. When the form submits, just run some code like this:

var myInput = document.getElementById('myInput');
myInput.disabled = true;

Upvotes: 0

Related Questions