Question

如何获取文本框的值？

<input class="num1" type="text" val=""><br>
<button class="show">Click</button>

这是我的Js代码：

var value = $('.num1').text();
$('.Click').click(function(){
    $('<'p>').text(value);   
});

当我点击“点击”按钮时，我想在段落中显示我输入到文本框的文本。

Answer 1

使用.val()表单元素来检索或设置其值。另外，在设置段落文本时要注意拼写错误。

var value = $('.num1').val();
$('.show').on('click', function(){
    $('p').text(value);
});

Answer 2

在您的代码中有一个错误：如果您想捕获click事件，您应该使用按钮的类。代码中的另一个错误是关于用于将值插入<p>的单引号。请记住，$('p')，而不是$('<p>')。

代码看起来应该是这样的：

$('.show').click(function(){
    $('p').text(value);   
});

您可以使用此代码：

<强>的jQuery

$(function(){

        $("form").on("submit", function(event){
            event.preventDefault();

            var text = $(".num1").val();

            $("#outputText").text(text);
        })

    });

您的HTML应该是这样的：

<强> HTML

 <form>
        <input class="num1" type="text" val="">
        <button class="show">Click</button>
</form>

<p id="outputText"></p>

请注意，在这种情况下，使用preventDefault()停止默认事件行为非常重要。

如果你没有使用表格，那么之前的代码会变成这样：

<强>的jQuery

$(function(){

            $(".show").on("click", function(event){

                var text = $(".num1").val();

                $("#outputText").text(text);
            })

        });

<强> HTML

    <input class="num1" type="text" val=""> 
    <button class="show">Click</button>

    <p id="outputText">

    </p>

outputText div是我创建的用于显示文本的div。

我准备了jsfiddle1，jsfiddle2您可以用来查看代码的实际操作，我希望它有所帮助; - ）

Answer 3

那将是

var value = $('.num1').val();

Answer 4

使用.val()而不是.text()

 $(".show").click(function(){
      var value=  $(".num1").val();
   $(".para").text(value)

    });

demo

Answer 5

使用输入上的val()运算符来获取值，然后您可以使用以下代码：

HTML：

<input class="num1" type="text">
<button class="show">Click</button>
<p class="output"></p>

使用Javascript：

$('button').click(function(){
    $('.output').html($('.num1').val());
});

Answer 6

$('.show').click(function () {
    var value = $('.num1').val();
    $('p').text(value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="num1" type="text" val=""></input>
<button class="show">Click</button>
<p></p>

存在类型错误

var value = $('.num1').val();应采用click方法。
使用val()代替.text()获取输入值。

如何获取输入的Text值？

6 个答案: