Access values of fields using form controls in javascript?

Question

I have a form with some text fields(mostly date fields) disabled for a particular user,but has got some value in it.I am not sure whether it is a read-only field. anyway the thing is I want to access the disabled field value to perform some other operation using javascript

Here's the stringified value of the control

{"idbase":"row-4-cell-3","lock":{"vary":0,"fixLock":1,"hidden":"","epmSourced":1},"desc":"Plan_date_ac","name":"date-4-3","lockValue":null,"type":"AC"},

I tried using:

 form[var.control).value

and:

 document.getElementById(controls[var].idbase).innerHTML

neither works for me, it keeps throwing 'undefined'.

Note: only javascript, no jquery please!

what kind of element is that ? do you have an Id for the same ? — Arunprasanth K V, Feb 12 '18 at 10:10
No exact ID,since it's categorized based on row and cell value,we gotta go with description — KnowNothing, Feb 12 '18 at 10:13
then what is this controls[var].idbase ? Are you using tables for displaying data ? or someother controls ? — Arunprasanth K V, Feb 12 '18 at 10:15
it takes the control to that cell? and tries to access the field there? — KnowNothing, Feb 12 '18 at 10:16
You are given an object in the example and told that it is the stringified data ,It seems your control is something which is capable of handling an object as value like some third party dropdown , grid or something — Arunprasanth K V, Feb 12 '18 at 10:18
How the value being populated in the desired fields ? If its dynamically populated then you can create a dynamic id or else give static ids to the controls and try to get values using that ids — Arunprasanth K V, Feb 12 '18 at 10:19
then.. how did you get that value? from javascript? inside html? or? — Kasnady, Feb 12 '18 at 10:20
you are trying to get the element data using document.getElementById and it expects an id so without id how can u get that ? — Arunprasanth K V, Feb 12 '18 at 10:21
@AKZhang i am using idbase:row value and cell value to identify the date feild and get the value from there,so far no success and i am hopeful to find alternate ways here — KnowNothing, Feb 12 '18 at 10:22
"controls[var].idbase" doesn't work as an id? i think it does! — KnowNothing, Feb 12 '18 at 10:25
are you talking about html or? can u show us the UI with the source code debug? — Kasnady, Feb 12 '18 at 10:27
can u show us the source code where wrapping this {"idbase":"row-4-cell-3","lock":{"vary":0,"fixLock":1,"hidden":"","epmSourced":1},"desc":"Plan_date_ac","name":"date-4-3","lockValue":null,"type":"AC"}, by using "View Page Source" — Kasnady, Feb 12 '18 at 10:35
where does {"idbase":"row-4-cell-3","lock":{"vary":0,"fixLock":1,"hidden":"","epmSourced":1},"desc":"Plan_date_ac","name":"date-4-3","lockValue":null,"type":"AC"}, in the UI image? — Kasnady, Feb 12 '18 at 10:42
or did you mean you want to get the data inside "row-4-cell-3"? — Kasnady, Feb 12 '18 at 10:42

Kasnady · Accepted Answer · 2018-02-12T11:01:57.017

1

That's a class. To get class data with Javascript. Used below code

var x = document.getElementsByClassName("example");
x.value // to get the x value
x.innerHTML // to get the content inside the element

Refer: https://www.w3schools.com/jsref/met_document_getelementsbyclassname.asp

edited Feb 12 '18 at 11:01

answered Feb 12 '18 at 10:45

Kasnady

2,249
3
25
34

it returns [object HTML collection ] instead of the data – KnowNothing Feb 12 '18 at 10:56
in order to get data.. you need to use ".innerHTML" behind. Did you mean like that? – Kasnady Feb 12 '18 at 10:57
Works now,Thanks! but what happens when the field is in editable mode,how do i get the value then? – KnowNothing Feb 12 '18 at 11:00
to get value use ".value" – Kasnady Feb 12 '18 at 11:01

Access values of fields using form controls in javascript?

1 Answers1