как получить текст с option:checked
и записать это значение в <span>
. Я написал скрипт но он работает не корректно, вместо того чтобы добавить новый елемент к уже существующим например: один(уже было) я выбрал два и в поле должно быть - <span>один</span>
, и добавить вот этот Один новый елемент - <span>два</span>
- а у меня скрипт снова добавляет один и получаеться <span>один</span><span>один</span><span>два</span>
как это можно исправить?
js:
$(".subway-location").change(function() {
$(this).children("option").filter(":checked").each(function() {
var x = $(this);
console.log(x);
var b = x.text();
$("#metroDistance").css("display", "block");
$("#metroDistance .info__item").append("<span class='distance-option'><span class='metro-name'>"+ b + "</span><input type='text' data-id='metro_distance'></span>");
});
});
<select class="subway-location">
<option>один</option>
<option>два</option>
<option>три</option>
</select>