title: Get text from select in HTML using JQUERY
body: <p>I'm trying to get the value of a selected element and show it at the console. I've searched everything, tried everything and it's not working.
  value1 I get it but value2 and 3 not.</p>
  
  <p>If you have any other recommendation (besides using Jquery to do this, please do it)</p>
  
  <p>Check it out</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> $(document).ready(function() {
  
          $("button").click(function() {
  
              var value1 = $("#name-input").val();
              var value2 = $("#place-input").filter(":selected").text();
              var value3 = $("#tecnico-input").find(":selected").text();
              console.log(value1 + ' ' + value2 + ' ' + value3);
         
          });
  
      });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form&gt;
                  &lt;div class="input-group"&gt;
                      &lt;span class="input-group-addon" id="basic-addon1"&gt;Name:&lt;/span&gt;
                      &lt;input type="text" class="form-control" placeholder="Ex.: John" aria-describedby="basic-addon1" id="name-input"&gt;
                  &lt;/div&gt;
  
                  
                  &lt;div class="form-group"&gt;
                      &lt;label for="sel1"&gt;Place:&lt;/label&gt;
                      &lt;select class="form-control" id="sel1" id="place-input"&gt;
                        &lt;option value="1"&gt;Fixed&lt;/option&gt;
                        &lt;option value="2"&gt;Mobile&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/div&gt;
  
                  &lt;div class="form-group"&gt;
                      &lt;label for="sel2"&gt;Technician:&lt;/label&gt;
                       &lt;select class="form-control" id="technician-input"&gt;
                            &lt;option value="1"&gt;Brandon&lt;/option&gt;
                            &lt;option value="2"&gt;Justin&lt;/option&gt;
                            &lt;option value="3"&gt;Ryan&lt;/option&gt;
                            &lt;option value="4"&gt;Tyler&lt;/option&gt;
                       &lt;/select&gt;
                  &lt;/div&gt;
  
          &lt;/form&gt;
  
  
     </code></pre>
  </div>
  </div>
  </p>
  
  <p>I strongly appreciate the help.</p>