Как выбрать шрифт потрясающий значок из вариантов - PullRequest
1 голос
/ 08 апреля 2020
<select id="dropdown">
    <option> <i class="fa fa-wifi"></i> </option>
    <option> <i class="fa fa-battery-full"></i> </option>
</select>
<div id="feedback"></div>

Когда выбрана любая из опций, как я могу показать выбранный шрифт в значке div с помощью jQuery.

1 Ответ

1 голос
/ 08 апреля 2020

https://jsfiddle.net/r62p5zas/ пример кода здесь. В html части вам нужно интегрировать и изменить шрифт выбора шрифтом awesome, а затем показать значки в элементе выбора

select{
        font-family: fontAwesome
    }

После этого вы можете передать событие onchange вашему выбору и указать значение в качестве имени шрифта, и вам нужно написать код шрифтов в опциях.

<select id="dropdown" onchange="chantestge()">

    <option value='fa-wifi'>&#xf1eb; Wifi</option>
     <option value='fa-battery-full'>&#xf240; Battery</option>
</select>
<div id="feedback"></div>

, тогда js part, вы можете использовать jquery и с html код ставит ваш результат с иконкой создания

function chantestge(){

  $("#feedback").html("<i class='fa "+$("#dropdown").val()+"'></i>");
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...