jQuery get value of a input field attribute

Question

I cannot seem to get the test in the 'Value' field

<input name="ctl00$PlaceHolderMain$ctl01$ctl12$ctl00$HiddenUserFieldValue" type="hidden" id="ctl00_PlaceHolderMain_ctl01_ctl12_ctl00_HiddenUserFieldValue" value="24;#Ryan,, C,#i:0#.f|membership|cryan@corp.blah.net,#CRyan@blah.com,#C_Ryan@blah.com,#Ryan,, C">

How can get the data in the value field?

Thanks.. I know this should be easy but I'm about to shoot myself.

`$("#ctl00_PlaceHolderMain_ctl01_ctl12_ctl00_HiddenUserFieldValue").val()` — Rajaprabhu Aravindasamy, Mar 11 '16 at 18:24
`#id` must be lowercase, so that is the reason why you cannot get the value of the element by id. — HenryW, Mar 11 '16 at 18:28
@HenryW That's not at all [accurate](http://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html#answer-79022)... — War10ck, Mar 11 '16 at 18:30
@Vohuman Looks like the fields are generated by a CMS. SharePoint generates similar type field names... — War10ck, Mar 11 '16 at 18:30
@Vohuman my guess is dynamically generated content from a CMS. They tend to have horrendous encrypted-looking IDs and whatnots. — Sterling Archer, Mar 11 '16 at 18:31
yes i am very sorry, i meant special chars. But that is not the case here.Sorry! — HenryW, Mar 11 '16 at 18:32

Punit Gajjar · Answer 1 · 2016-03-11T18:29:06.290

1

as id is there you should use # before the ID

var myval = $("#ctl00_PlaceHolderMain_ctl01_ctl12_ctl00_HiddenUserFieldValue").val();

edited Mar 11 '16 at 18:29

answered Mar 11 '16 at 18:26

Punit Gajjar

4,937
7
35
70

5

Don't use `alert` as a debug statement, use `console.log` – Sterling Archer Mar 11 '16 at 18:27
1

Very true, or you could just follow typical debugging convention and be a good developer ;) – Sterling Archer Mar 11 '16 at 18:29
1

you can do anything, you can consol.log , you can use alert , you can store the value in any variable , but the thing is using this you got the value. am i right ? – Punit Gajjar Mar 11 '16 at 18:29
try console logging an array, and alert()'ing the same array. It's not the same. – Sebastianb Mar 11 '16 at 18:35

Thanga · Accepted Answer · 2016-03-11T18:36:22.513

Use the below code to fetch the element's value by id in jQuery. Check your output in console.

console.log($("#ctl00_PlaceHolderMain_ctl01_ctl12_ctl00_HiddenUserFieldValue").val());

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<input name="ctl00$PlaceHolderMain$ctl01$ctl12$ctl00$HiddenUserFieldValue" type="hidden" id="ctl00_PlaceHolderMain_ctl01_ctl12_ctl00_HiddenUserFieldValue" value="24;#Ryan,, C,#i:0#.f|membership|cryan@corp.blah.net,#CRyan@blah.com,#C_Ryan@blah.com,#Ryan,, C">

jQuery get value of a input field attribute

2 Answers2