Вывод значений опции в div

[zomo]

Добрый всем вечер, вопрос такой вроде легкий, но что то не могу допереть)

 

Есть radio кнопки (опции) у товара

Необходимо при выборе опции ее значение отображалось в определенном div

 

Написал код 

<div class="row" id="input-option<?php echo $option['product_option_id']; ?>">
                <?php foreach ($option['product_option_value'] as $key =>$option_value) { ?>
                <div class="radio col-sm-3 col-xs-12">
                    <input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="<?php echo $option_value['product_option_value_id']; ?>" />
					<label data-toggle="tooltip" for="<?php echo $option_value['product_option_value_id']; ?>" data-original-title="" title=""><?php echo $option_value['name']; ?></label>
                </div>
				<script>
                $("body").change(function () {
                   $(".<?php echo $option['product_option_id']; ?>").text($("input[name='option[<?php echo $option['product_option_id']; ?>]']:checked").val())
                })
                </script>
                <?php } ?>
              </div>

 

Создал div с классом <?php echo $option['product_option_id']; ?> для вывод значений, конечно же в массиве опций.

 

Все работает на ура, но при выборе опции выводится ее значение в цифирном виде, что то вроде 454 и тд, что логично

Вопрос как выводить не value которое 454 а именно <?php echo $option_value['name']; ?>

[zomo]

Ребят спасайте, в js не силен (

Как через

 

<script>
                $("body").change(function () {
                   $(".<?php echo $option['product_option_id']; ?>").text($("input[name='option[<?php echo $option['product_option_id']; ?>]']:checked").val())
                })
                </script>

Передать не значение опции цифирное а именно текст значения опции

[zomo]

Ребят откликнитесь ! Очень нужна помощь!

[zomo]

Вопрос решен самостоятельно, если кому нужно то вот решение, добавил атрибут text к импуту и выводим его так:

 

 $("body").change(function () {
                   $(".<?php echo $option['product_option_id']; ?>").text($("input[name='option[<?php echo $option['product_option_id']; ?>]']:checked").attr("text"))
  })