我希望使用jquery将输入值存储在var中，并以HTML空<p></p>显示

Question

我希望将输入值存储在变量中，并使用<p>将其显示在现有的、当前为空的jQuery标记中。我现在的代码是：

<script src="http://code.jquery.com/jquery-latest.js"></script>


<script type="text/jquery-2">
    $(function(){
        $("#input_name")#submit(function){
            var value = $("input_name").val();
            $('#p').text.value();
        });
    });
</script>



<form>
    <input type="text" id="input_name" size="10" maxlength="10" />
    <input type="submit" id="submit" value="submit" />
</form>

<p id="P">

</p>

Answer 1

您应该更新代码如下：

<form id="my-form">
    <input type="text" id="input_name" size="10" maxlength="10" />
    <input type="submit" id="submit" value="submit" />
</form>

JAVASCRIPT

$(function(){
    // you should give id to form that is to be submitted.
    // you had syntax error here. missing ) after function 
    $("#my-form").submit(function(e) { // change # to .
        var value = $("#input_name").val(); // you should have #input_name

        $('#p').text(value); // text function takes value as parameter
        e.preventDefault();
    });
});

这是你的工作小提琴

Answer 2

你使用$.text()不正确。变化

$('#p').text.value();

至

$('#p').text(value);

捕获提交操作的代码也存在语法错误。它应该是：

$(function(){
    $("form").submit(function){
        var value = $("input_name").val();
        $('#p').text(value);
    });
});

注意第二行中的更改。<form>有一个提交事件，而不是输入字段。而且，这是$(selector).submit(...)，而不是$(selector)#submit)。

我强烈建议您阅读基本的JavaScript教程，然后阅读基本的jQuery教程，并使用jQuery。

Answer 3

<script src="http://code.jquery.com/jquery-latest.js"></script>


<script type="text/jquery-2">
   $("#form").submit(function(){
      var val = $("#input_name").val();
      $("#p").html(val);
      return false;
   });
</script>



<form id="form" >
    <input type="text" id="input_name" size="10" maxlength="10" />
    <input type="submit" id="submit" value="submit" />
</form>

<p id="p">

</p>