選択ボックスを使用してjqueryでフォントを変更する

Question

私は3つのテキスト入力ボックスを用意していますが、ユーザーがフォントを変更できるようにしたいが、これを行う方法はわかりません。

これは私のプレビューボックスのコードです：私はしたい文脈

のための素晴らしい

編集だろう各行のフォントを選択することができれば

<script type="text/javascript"> 
$(function() 
{ 
    $(".line1").keyup(function() 
    { 
    var word=$(this).val(); 
    $(".line_preview1").html(word); 
    return false; 
    }); 
    $(".line2").keyup(function() 
    { 
    var word=$(this).val(); 
    $(".line_preview2").html(word); 
    return false; 
    }); 
    $(".line3").keyup(function() 
    { 
    var word=$(this).val(); 
    $(".line_preview3").html(word); 
    return false; 
    }); 
}); 
</script> 


<span class="line_preview1"></span> 
<span class="line_preview2"></span> 
<span class="line_preview3"></span> 
<input type="text" name="line1" class="line1" /> 
<input type="text" name="line2" class="line2" /> 
<input type="text" name="line3" class="line3" /> 

持ってる;

<select name=font> 
<option>Arial</option> 
<option>Verdana</option> 
<option>Times New Fubar</option> 
</select> 

新しいオプションが選択されたとき、それは

Answer 1

あなたはCSSの方法を説明し、ここでの記事があります.css()

$("a#change_font").click(function(){ 
    $("div#fontchange").css('font-family', 'Courier, mono'); 
}); 

<a href="#" id="change_font">Change it!</a> 
<div id="fontchange">Hello World!</div> 

で属性を変更することができ、特定のプレビュー要素のCSSを更新してしまいます選択値で使用する：Getting Select List Values。