I am using smart-select in a form to select multiple items, some containing spaces. After using formToData, the spaces in the items selected are removed. How do I avoid that from happening?
Example code:
HTML:
<li> <a href="#" class="item-link smart-select" data-open-in="picker"> <select id="category" name="Category" multiple> <!-- javascript select items go here --> </select> <div class="item-content"> <div class="item-inner"> <div class="item-title">Category</div> <div class="item-after" id="disp-cat"></div> </div> </div> </a> </li>
Javascript:
//get current category list from server
$$.getJSON(siteURL.concat('categories'),function(data){ categoryItems = data; for (var i in data) { var obj = data[i]; // This will store each category object, // spaces are maintained here! categories.push(obj.JobCategory); } cssClass = '.smart-select select#category'; generateOptions(categories, cssClass); });
//assign selected items to jobObj --during this assignment, spaces are removed!
jobObj = myApp.formToData(’#job-form’);