0

Есть следующая Html разметка:

<div class="lolka">
</div>
    <select>
        <option value="" selected=""></option>
        <option label="5" value="object:564">5</option>
        <option label="6" value="object:565">6</option>
        <option label="7" value="object:566">7</option>
        <option label="7.0" value="object:567">7.0</option>
        <option label="8" value="object:568">8</option>
        <option label="9" value="object:569">9</option>
        <option label="9.0" value="object:570" selected="selected">9.0</option>
        <option label="10" value="object:571">10</option>
        <option label="11" value="object:572">11</option>
        <option label="12" value="object:573">12</option>
    </select>

И есть код который выводит выбранное значение селекта в определённый класс

var one = $('.lolka').html();
$('#select').change(function() {
  $('.lolka').html($(this).val())
});
var select = document.getElementById('select');
select.size = select.length;

Соответственно .val выводит значение атрибута value, ну нужно что бы оно выводило непосредственно значения внутри тегов option. .html и .text тоже не помогают.

https://jsfiddle.net/MarkTok/drv5zps5/6/

Как можно решить данную проблему?

1 ответ 1

2

Бери по селектору option:selected:

var one = $('.lolka').html();
$('select').change(function() {
  $('.lolka').html($("select option:selected").text());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="lolka">
</div>
    <select>
        <option value="" selected=""></option>
        <option label="5" value="object:564">5</option>
        <option label="6" value="object:565">6</option>
        <option label="7" value="object:566">7</option>
        <option label="7.0" value="object:567">7.0</option>
        <option label="8" value="object:568">8</option>
        <option label="9" value="object:569">9</option>
        <option label="9.0" value="object:570" selected="selected">9.0</option>
        <option label="10" value="object:571">10</option>
        <option label="11" value="object:572">11</option>
        <option label="12" value="object:573">12</option>
    </select>

2
  • Спасибо за помощь!!
    – Кларк
    9 июл 2017 в 17:39
  • @Маркус Можно и галочку поставить если ответ помог 9 июл 2017 в 18:29

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.