javascript - How do I get selected value from a bootstrap select drop down -


i'm trying selected text, not value, bootstrap drop down, .text() statement returning string contains values '\n' in between.

here rendered html

<select class="form-control" id="spaceaccommodation" name="yogaspaceaccommodation">     <option selected="selected" value="0">1-4</option>     <option value="1">5-9</option>     <option value="2">10-15</option>     <option value="3">16-20</option>     <option value="4">20+</option> </select> 

here javascript, selectedtext returns '5-9\n10-15\n16-20\n20+' want return 5-9 or 10-15, etc..

$('#spaceaccommodation').change(function () {      var selectedtext = $(this).text(); }); 

you can selected value's text $(this).find("option:selected").text().

$('#spaceaccommodation').change(function () {      var selectedtext = $(this).find("option:selected").text();            $(".test").text(selectedtext);  });
<script src="https://code.jquery.com/jquery-1.6.4.min.js"></script>  <select class="form-control" id="spaceaccommodation" name="yogaspaceaccommodation">      <option selected="selected" value="0">1-4</option>      <option value="1">5-9</option>      <option value="2">10-15</option>      <option value="3">16-20</option>      <option value="4">20+</option>  </select>  <div class="test"></div>


Comments

Popular posts from this blog

shopping cart - Page redirect not working PHP -

php - How to modify a menu to show sub-menus -

python - Installing PyDev in eclipse is failed -