title: How to read values from multiple input fields in javascript?
body: <p>Thanks for looking into this in advance. It's basically my first week of javascript, so apologies if it is something common and I appreciate a link to a similar question.</p>
  
  <p>I can't figure out how to extract values from my dropdown and text input at the same time so I can then append that information to another container. Here is my html:</p>
  
  <pre><code>&lt;div class=“container1”&gt;
     &lt;select class=“options_selector”&gt;
       &lt;option val=“admin”&gt;admin&lt;/option&gt;
       &lt;option val=“user”&gt;user&lt;/option&gt;
     &lt;/select&gt;
     &lt;input class=“user_name” type="text"/&gt;
  &lt;/div&gt;
  
  &lt;div class=“container2”&gt;
     &lt;!— append stuff here —&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So information from container1 should get appended to container2. For example, if I chose 'admin' in options_selector and typed 'freddy' in user_name input box, container2 should now have 'admin freddy' in it. When, then, I change the select box value to 'user' and the input text to 'john' - container2 should have another piece of text appended 'user john'.</p>
  
  <p>I know it can be done with on change events, but i cannot figure out the general idea behind extracting both of those pieces of information together.</p>
  
  <p>I'm using jquery as a framework by the way.</p>
  
  <p>thanks in advance. </p>