jquery - jQuery text() 函数不接受 input.val()

Question

我想设置一个预览区域，显示一些输入的文本在原位的样子。但是，我正在努力让这个带有 text() 的 jQuery 函数工作。

虽然这有效（在提交表单时在#preview 中显示“一些示例文本”：

$("form").submit(function () {
              $("#preview").text("some sample text").show();
              return false;
            });

这不起作用，当我尝试获取文本字段的内容并在预览框中使用它时，什么也不显示：

$("form").submit(function () {
              $("#preview").text($("input:first").val()).show();
              return false;
            });

知道为什么吗？可能很简单，我只是想念它。

score 1 · Accepted Answer

该代码在小提琴中运行良好。确保#preview有一个声明的高度和宽度，否则它可能在视觉上不明显。

请参阅工作演示：http: //jsfiddle.net/js4XU/

score 0 · Accepted Answer

最后，我将其重写为更多的“实时预览”，并使用该keyup()函数来捕获输入的 val，而不是在表单提交后请求。

2 回答 2