Question

这是我的尝试：

我希望能够存储在文本区域中输入的值，以便将数据提交到数据库或使用数据执行其他任务。我已经搜索了Stack Overflow并且有许多问题与我要求的很接近，但没有一个问题得到了我能够正确回答。我相信一位经验丰富的开发人员将能够提供一个非常简单的解决方案。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="contact.css"/>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

<table>
<tr>
    <td>Name</td>
    <td><textarea id="name">Any old text</textarea></td>
</tr>
<tr>
    <td>Email</td>
    <td><textarea id="email"></textarea></td>
</tr>
<tr>
    <td>Confirm Email</td>
    <td><textarea id="confirmEmail"></textarea></td>
</tr>
<button id="button">Submit</button>
</table>

<script>
$(document).ready(function(){

    $("#button").onclick(function(){
        var name = document.getElementById("name");
        var s = name.value;
        console.log(s);
    });



});


</script>

Answer 1

我认为这会有所帮助

<script>
    $(document).ready(function(){
        $("#button").click(function(){
            var name = $("#name").val();
            alert(name);
        });
    });
</script>

Answer 2

您应该使用click代替onclick，因为onclick不是公认的jquery函数

$("#button").click(function(){
        var name = document.getElementById("name");
        var s = name.value;
        console.log(s);
    });

<强> DEMO HERE

Answer 3

我已经找到了你的问题

JSFIDDLE

您正在使用onclick

 $("#button").click(function(){
        var name = document.getElementById("name");
        var s = name.value;
        console.log(s);
    });

Answer 4

你可以像这样使用jQuery：

$("#button").click(function(){
    alert($("#name").val());
});

Working JSFiddle

Answer 5

我猜jquery可以帮到你，

      $("#button").click(function(){
        var name = $('#name').val();
        var s = name.value;
        console.log(s);
       });

Answer 6

您可以使用 .click

代替 .onclick 。

$("#button1").click(function(){
    var name = document.getElementById("name").value;
    alert(name );
});

Answer 7

首先，您应该使用表单标签！然后，如果用户启用了javascript，您应该将按钮定义为提交按钮并防止其出现默认行为。

HTML

<form>
    <table>
        <tr>
            <td>Name</td>
            <td><textarea id="name">Any old text</textarea></td>
        </tr>
        <tr>
            <td>Email</td>
            <td><textarea id="email"></textarea></td>
        </tr>
        <tr>
            <td>Confirm Email</td>
            <td><textarea id="confirmEmail"></textarea></td>
        </tr>
        <button type="submit" id="button">Submit</button>
    </table>
</form>

<p>
    Value is <span id="result"></span>
</p>

的jQuery

    $("#button").on('click', function(e){
        e.preventDefault();
        value = $('#name').val();
        $('#result').text( value );
    });

检查我的工作JSFiddle：http://jsfiddle.net/RVG3p/1/。

当我按下提交按钮时，如何将值存储在JavaScript变量的html <textarea>中？</textarea>

7 个答案: