如何获取所选选项的文本值？

Question

正如问题所说，我想获取所选值的值并在可能的情况下在下拉列表中显示该值。我有尝试，但似乎没有得到任何地方

<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');

Answer 1

您的HTML 和jQuery 中有一些问题。

1. <select> 盒子没有正确关闭。
2. <option> 标签未正确关闭。
3. jQueryonchange 事件附近的语法错误。

修改后的代码：

<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>

旁注：确保您在模板中使用 jQuery 库文件。

Answer 2

很简单

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

或者你可以使用这个

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

以下几行你错过了标签末尾的“>”

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