打印（实时）选项值

Question

我想从选项标签中将图标（字体真棒）打印到“输入组”中。（看图片）

这是我的代码：

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>';

所以我需要以某种方式根据所选的选项值更改此类=“fa fa- home ”。你能帮助我吗？我想在不刷新网站的情况下进行更改等等。

Answer 1

在jQuery中，您可以为“select”标记添加事件监听器：

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