jQuery addClass example

Change class name on click in jQuery

HTML

<select class="shop-options-s" id="id-124-oval-1" onchange="shopChangeGoodsOpt('/shop/124/desc/botinki-kapika-53151t-2', 'id', '124', this)">
<option class="" value="">Выбрать</option>
<option class="0" value="15" data-o-val="0">24</option>
<option class="0" value="16" data-o-val="0">25</option>
</select>

<div class="container">
</div>

CSS

body {
  background: #20262E;
  color: grey;
  padding: 20px;
  font-family: Helvetica;
}

.container {
  margin-top: 10px;
}

.container > span {
  border: 1px solid white;
  padding: 5px;
  display: inline-flex;
}

JavaScript

$(".shop-options-s > option[class='0']").each(function(){
  $(".container").append(
    $("<span/>").attr({"value":$(this).attr("value")})
                .css("cursor","pointer")
                .text($(this).text())
                .click(function(){
                  $(".shop-options-s").val($(this).attr("value"));
                })
  )
})