要大胆＆＃34;选择＆＃34;使用javascript / jquery在textarea中的文本

Question

我有一个代码，用于粗体显示textarea中的完整文本，但我想将所选文本粗体显示为文本区域中的粗体。请注意，我不希望文本位于Div标记中。我想只对文本区域做同样的事情。这是我的代码：

    <form action="index.html" name="theform">
    <input type="button" onclick="setClass('');" value="Normal" />
    <input type="button" onclick="setClass('italics');" value="Italics" />
    <input type="button" onclick="setClass('bolded');" value="Bold" />
    <textarea id="txt">This is some text in our textarea</textarea>

这是我的javascript代码

<script type="text/javaScript">
    function setClass(class_name) {
        document.getElementById('txt').className = class_name;
    }
</script>

上面的代码加粗了整个文本但不是所选文本