代码之家 › 专栏 › 技术社区 › mrpatg

使用选择框使用jquery更改字体

jquery javascript

mrpatg · 技术社区 · 14 年前

我有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>

1 回复 | 直到 14 年前

Patrick 14 年前

您可以使用 .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>

这里有一篇文章描述了如何将它与select值一起使用: Getting Select List Values .