Tengo una plantilla que me gustó pero es estática. Quiero agregarle funcionalidad pero tengo problemas.
Select:
<div class="select">
<label class="label label-blur">Select option</label>
<div class="select-label select-label-default">
<span class="Select-label-text" style="visibility: hidden">Select</span>
<span class="icon li_icon li_icon-arrow-down-small li_icon-small select-arrow-icon"></span>
</div>
<ul class="select-menu select-menu-hide">
<div><li id="0" aria-selected="true" class="select-menu-options select-menu-options-focused" role="option">Select</li></div>
<div><li id="1" aria-selected="false" class="select-menu-options" role="option">Option 1</li></div>
<div><li id="2" aria-selected="false" class="select-menu-options" role="option">Option 2</li></div>
<div><li id="3" aria-selected="false" class="select-menu-options" role="option">Option 3</li></div>
</ul>
JavaScript:
$(".select").click(() => {
$(".select-menu").removeClass("select-menu-hide").addClass("select-menu-show");
});
$(".select-menu div li").click(() => {
// $(this).attr("aria-selected", false);
$(this).not($(this)).attr("aria-selected", true);
// let v = $("li[aria-selected='true']").text();
// console.log(v);
});
¿Cómo puedo activar una opción, obtener su texto y pasarlo al label?