How do I get the text value of a selected option?

Question

as the question says, i would like to get the value of the selected value and display the value within a dropdown list if possible. i have attempt but do not seem to get anywhere

<div class="products-prices-calculators-wrap">

            <label for="js-data">Quantity: </label>
            <select id="js-data" <option value="<?php echo $product_min_quantity ?>" </option> </select>



jQuery('#js-data')change(function () {
    var selectedOption = $('js-dataoptions:selected');

Possible duplicate of [jQuery Get Selected Option From Dropdown](http://stackoverflow.com/questions/10659097/jquery-get-selected-option-from-dropdown) — Sherif, Aug 18 '16 at 14:15
if you are using onchange than it will already give u selected one — devpro, Aug 18 '16 at 14:20
check the [:selected Selector](https://api.jquery.com/selected-selector/) it allow you to get the selected item... — DIEGO CARRASCAL, Aug 18 '16 at 14:24

score 1 · Answer 1 · answered Aug 18 '16 at 14:23

It is simple

var val = $( "#js-QuantityInputs" ).val();

or you can use this

$("#js-QuantityInputs option:selected").text();

Following lines you have missed '>' at end of the tag

<select id="js-QuantityInputs"
<option value="<?php echo $product_min_quantity ?>"

devpro · Answer 2 · 2016-08-18T14:29:55.930

You have some issues in your HTML and jQuery.

<select> box not close properly.
<option> tag not close properly.
syntax error in jQuery near onchange event.

Modified Code:

<select id="js-QuantityInputs">
    <option value="<?php echo $product_min_quantity; ?>">
        <?php echo $product_min_quantity; ?> 
    </option> 
</select>

<script type="text/javascript">
    $( "#js-QuantityInputs" ).change(function() {
      var selectedOption = $('#js-QuantityInputs').val();     
    });
</script>

Side note: make sure you are using jQuery library file in your template.

How do I get the text value of a selected option?

2 Answers2