打印（實時）期權的價值

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-家」。你可以幫我嗎？我想在不刷新網站等的情況下對其進行更改。

Answer 1

在jQuery中，你可以添加事件偵聽器爲您的「選擇」標籤：

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