Question

我是Javascript / JQuery的新手。我正在尝试编写一个应用程序，通过表单输入文本，对其应用函数，然后显示已处理的文本。我宁愿避免将输入发送到服务器，以避免验证问题。我可以在警告框中显示文本，但我无法弄清楚如何在网页上显示它。

function do_stuff(my_string) {
    //...
    return my_processed_string;
}

$(':submit').click(function() {
    $('#text_input').each(function() {
        my_string = $(this).val();
        my_processed_string = do_stuff(my_string);
        alert(my_processed_string);
    });
    return false;
});

有任何想法如何修改，以便my_processed_string出现在网页而不是警告框中？

Answer 1

为了这个答案的目的，我假设你想让my_processed_string出现在id为“test”的div的末尾。

<html>
   <head></head>
   <body>
      <div id="test"></div>
   </body>
 </html>

使用以下内容替换示例中的警告行：

$("#test").append(my_processed_string);

这会产生您想要的结果吗？

Answer 2

function do_stuff(my_string) {
    return $(selector).append('<input type="text" value="' + my_string + '" />');
}

$(':submit').click(function() {
    $('#text_input').each(function() {
        my_string = $(this).val();
        return do_stuff(my_string);
    });
    //return false;
});

Javascript / JQuery在网页上显示表单输入

2 个答案: