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
Post a Comment