unable to set value to hidden field from jquery

Question

following is the html code

<input id="Jobs[0].TestParameter" name="Jobs[0].TestParameter" type="hidden" />

following is the jquery code

var ParamArr = [ "Ford", "BMW", "Fiat" ];
$("#Jobs[0].TestParameter").val(JSON.stringify(ParamArr));
            alert($("#Jobs[0].TestParameter").val());

i am passing list of objects to .net controller so i need to pass in this way — , Oct 24 '17 at 11:52

score 3 · Accepted Answer · edited Oct 24 '17 at 11:52

Escape the special characters in your ID tag to fix your problem.

$("#Jobs\\[0\\]\\.TestParameter").val(JSON.stringify(ParamArr));
            alert($("#Jobs\\[0\\]\\.TestParameter").val());

var ParamArr = [ "Ford", "BMW", "Fiat" ];
$("#Jobs\\[0\\]\\.TestParameter").val(JSON.stringify(ParamArr));
            alert($("#Jobs\\[0\\]\\.TestParameter").val());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="Jobs[0].TestParameter" name="Jobs[0].TestParameter" type="hidden" />

score 0 · Answer 2 · answered Oct 24 '17 at 11:50

pass simple id \\ for escape character

var ParamArr = ["Ford", "BMW", "Fiat"];
$("#Jobs\\[0\\]\\.TestParameter").val(JSON.stringify(ParamArr));
alert($("#Jobs\\[0\\]\\.TestParameter").val());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="Jobs[0].TestParameter" name="Jobs[0].TestParameter" type="hidden" />

score 0 · Answer 3 · answered Oct 24 '17 at 11:50

You need to escape the square brackets([]) and the dot (.) so that they are not counted as attribute selectors. Try this

var ParamArr = ["Ford", "BMW", "Fiat"];
$("#Jobs\\[0\\]\\.TestParameter").val(JSON.stringify(ParamArr));
alert($("#Jobs\\[0\\]\\.TestParameter").val());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="Jobs[0].TestParameter" name="Jobs[0].TestParameter" type="" />

unable to set value to hidden field from jquery

3 Answers3