Question

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

<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

您未正确使用$.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教程，并使用IDE。

Answer 2

您应该将代码更新为以下内容：

<强> HTML

<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();
    });
});

这是您的工作jsfiddle

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>

Answer 4

您可以使用更改（将在输入损失重点时使用）或键盘（将在每次击键时发生）事件。如果要在按钮单击时执行此操作，则创建单击事件，或使用表单的on_submit调用方法（命名）。

要将文本存储到var中，您使用了正确的语句，但我建议您避免使用value作为变量的名称。

然后你必须使用

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

我在这里创建了一个简单的例子on jsfiddle

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

        </form>

    <p id="P">

    </p>
<script>
  $(function(){
  //can also use .change instead of keyup, but that will work until the input losses focus
        $("#input_name").keyup(function (){
            var input_text = $('#input_name').val();
            alert(input_text);
            $('#P').text(input_text);

        });
    });
</script>`

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

4 个答案: