打印（实时）期权价值

Question

我想从选项标签中将图标（字体很棒）打印到 "input-group" 中。（看图片）

这是我的代码：

echo '<label for="icon">Icon (Font Awesome)</label>';
echo '<div class="input-group col-xs-4">';
echo '<span class="input-group-addon" id="3"> <i class="fa fa-home"></i> </span>';
echo '<select name="icon" class="form-control" aria-describedby="3">';
echo '<option value="home">home</option>';
.....
echo '</select>';

所以我需要以某种方式根据所选选项值更改此 class="fa fa-home"。你能帮助我吗？我想在不刷新站点等情况下更改它。

Answer 1

在 jQuery 中，您可以将事件侦听器添加到 "select" 标签：

$("select[name='icon']").on('change', function() {
  $("#3").find("i").prop("class", "fa fa-" + $(this).val());
});