title: How to implement horizontal scroll bar while insert value in text box?
body: <p>I have a list of items in a grid with checkboxes. I need to show and update items with comma separated in text box when the user selects or un-selects from the grid. I have done this as below:</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;input type "text" id="items"&gt;
  </code></pre>
  
  <p><strong>Javascript-jQuery</strong> (when user selects or unselects an item from grid):</p>
  
  <pre><code>$("#items").val(seleteditmes.join(", "));  //I have all selected items in seleteditmes
  </code></pre>
  
  <p>Everything is working fine. Now the problem is when the user selects more than 6 items, only the first 6 items will show. I want to expand text box with horizontal scroll bar. Is there any way to do this?</p>