打印(实时)期权价值
Print(real time) value of option
我想从选项标签中将图标(字体很棒)打印到 "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"。你能帮助我吗?我想在不刷新站点等情况下更改它。
在 jQuery 中,您可以将事件侦听器添加到 "select" 标签:
$("select[name='icon']").on('change', function() {
$("#3").find("i").prop("class", "fa fa-" + $(this).val());
});
我想从选项标签中将图标(字体很棒)打印到 "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"。你能帮助我吗?我想在不刷新站点等情况下更改它。
在 jQuery 中,您可以将事件侦听器添加到 "select" 标签:
$("select[name='icon']").on('change', function() {
$("#3").find("i").prop("class", "fa fa-" + $(this).val());
});