如何使用jQuery将值显示为div下的可编辑文本区域

HTML

<select name="value" id="value" class="inputbox" size="1">
<option value=""> - Select Value- </option>
<option value="red">lamp1</option>
<option value="orange">lamp2</option>
<option value="green">lamp3</option>
</select>
<div id="valuePreview">displays value here</div>

我试图使

id=valuepreview

下的结果像HTML中的

一样可以编辑为“红色”、“橙色”和“绿色”。我的jQuery不太好（我是新手），因为上面的脚本在任何浏览器中都不起作用，你们能建议我如何修复jQuery问题吗

非常感谢

<div id="valuePreview" contenteditable="true">....</div>

小提琴：

这似乎有效：

$('select').change(
    function(){
        $('#valuePreview').text($(this).find('option:selected').val());
    });

---

.

谢谢尼尔。这就是我要找的。它适用于IE7/8、FF、Opera和Chrome。非常感谢您的回答David Thomas。我相信Neal就是我想要的答案。不过，谢谢你。你非常欢迎=）顺便说一句，如果尼尔的答案是你需要的，我建议接受这个答案（点击计票下面的复选标记）。

$(document).ready(function () {
    $("#value").change(function () {
        var src = $(this).val();
        $("div#valuePreview").html(src);
    });
});

$('select').change(
    function(){
        $('#valuePreview').text($(this).find('option:selected').val());
    });