Sunday, June 2, 2013

How to pass an array or object into a hidden input field in Javascript

We pass different kind of values through hidden input field in a form. But if we want to pass an array into a hidden field how we will do this. Let's see the steps below:

For example, we have the below input field.
To input an array or an object like post_array, you need to populate the field using the below code block.
$('#data').val(post_array);
This might produce some erroneous behavior in response. Because, hidden input fields normally expects string values. So, to stay safe, it is best to stringify the array or object.

Below code block is safest:
$('#data').val(JSON.stringify(post_array));

On server side, you need to decode your data:

$data = json_decode($_POST['data']);


See the book OpenCart 1.4 Template Design Cookbook.
See the book Joomla Mobile Development Beginners Guide




List of my works:

Opencart Extensions:

  1. Product Based Quantity Wise Shipping: Find it here.
  2. OpenSSLCOMMERZ: integrate SSLCOMMERZ with opencart: Find it here.
  3. Fine Search v.1.0 - Improves Opencart search feature to find relevant: Find it here.
  4. Opensweetcaptcha - An easy way to generate attractive captcha for your system!: Find it here.
  5. Custom Field Product - add unlimited custom fields to the product form: Find it here.
  6. Formcaptcha - add captcha on the register page: Find it here.

My Books:

  1. OpenCart 1.4 Template Design Cookbook.
  2. Joomla Mobile Development Beginners Guide

No comments: