隐藏输入最大值大小

For some reason when I echo inside the value="" of a hidden input tag. It for some reason has a max character size. Its much smaller then I need it to be as I need it to put content from my DB into HTML then into Javascript loop.

Please could someone help me find a way of making a input tag allow the ability to write more characters in it. (Possibly unlimited) It isnt encased in any form tag so it's impossible for any vulnerabilitys.

Please note I need this changed so that its cross browser compatible and doesnt need any kind of get or post request.

Thank you.

Edit:

Approach 1: max="99999999999" - Nothing;

Approach 2:

<script>

var s1_episodes = JSON.parse(<?= $r['s1_episodes']; ?>);
var s2_episodes = JSON.parse(<?= $r['s2_episodes']; ?>);
var s3_episodes = JSON.parse(<?= $r['s3_episodes']; ?>);

</script>

Tried just echoing directly into it like so but nothing seemed to happen.

That is not the property, the correct property name is: maxlength="9999" and the default value is 524288