Submitting the value of a disabled input field

Question

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

User · Answer

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.

User · Answer

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

User · Answer

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   lt input type  text  readonly  readonly    gt

User · Answer

you can also use the Readonly attribute  the input is not gonna be grayed but it won t be editable   lt input type  text  name  lat  value  22 2222  readonly  readonly    gt

[javascript] Submitting the value of a disabled input field

Examples related to javascript

Examples related to html