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

很简单

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

或者您可以使用此

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

以下几行你错过了'＆gt;'在标签的末尾

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

Answer 2

您的HTML和jQuery中存在一些问题。

<select>框未正确关闭。
<option>代码未正确关闭。
jQuery附近的onchange语法错误。

修改后的代码：

<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库文件。

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

2 个答案: