javascript – Submitting the value of a disabled input field-ThrowExceptions

Exception or error:

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?

How to solve:

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" />

###

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.

###

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" />

###

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;

Leave a Reply

Your email address will not be published. Required fields are marked *