Как получить текстовое значение выбранной опции?

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

-1

css-selectors jquery php wordpress

Решение

Другие решения

У вас есть некоторые проблемы в вашем 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 в своем шаблоне.

1

Источник

Accepted Answer

Это просто

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

или вы можете использовать это

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

Следующие строки вы пропустили ‘>’ в конце тега

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

1