Question

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>

JQuery的

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

我尝试在id=valuepreview下将结果设为“红色”，“橙色”和“绿色”可编辑，如HTML中的<textarea>。我的jQuery不好（我是新手），因为上面的脚本在任何浏览器中都不起作用，你们可以建议我如何修复jQuery问题吗？

非常感谢。

Answer 1

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

我想你也想这样做：

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

小提琴：http://jsfiddle.net/maniator/5RuTq/

Answer 2

这似乎有效：

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

JS Fiddle

如何使用jQuery在div下显示值为editable textarea

2 个答案: