Add Html Content To Hidden Form Field

Is it possible to pass a chunk of html content to a hidden field and how would I do this? Thanks Jonathan

Solution 1:

Yes - simply HTML encode the content (e.g. replace "<" with "&lt" etc...)

You didn't specify which language you'll use for poplulating the field value, so I can't help with details of how to encode.

Here's a reference of how to do it in jQuery.

Here's Java

Solution 2:

You could do this with Javascript:

<inputtype="hidden"id="htmlCodes" />

document.getElementById("htmlCodes").value = "<strong>Hello World</strong>";

Just be sure that your values are properly-escaped when you pass them into the hidden form field.

Online Demo: http://jsbin.com/ubofu/edit

Solution 3:

You can also "spawn" a hidden textarea after processing the content inside.

This can be done easily with Jquery :

$('#your_form')
.append('<textarea name="content" class="hidden">' + your_content + '</textarea>');

Here we assuming that you've got a "hidden" class, Bootstrap's got one, but you can also use this :

CSS Code :

.hidden 
{ 
  display: none !important ; 
  visibility: hidden !important; 
}