将变量传递给 .text

Question

我知道这可能真的很简单，但我才刚刚开始，我似乎无法在主题的 material 和实际工作之间建立联系。

我只想在单击提交按钮后将输入框中包含的值传递到下面的段落字段中。我让它使用硬编码值，但我似乎无法将任何变量传递给它。

<!DOCTYPE html>
<html = "en">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="/dustmonitor/script/c3.min.css">
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<head>

<title> Test entry form webpage </title>
</head>
<body>

<form id="form1">
Start Datetime:<br>
<input type="text" name="startDate" id="startDate" class="Date"><br>
End Datetime <br>
<input type="text" name="startDate" id="endDate" class="Date"><br>
Parameter<br>
<input type="checkbox" class="parameter" value="PM2.5">PM2.5<br>
<input type="checkbox" class="parameter" value="PM10">PM10<br>
<input type="submit">
</form>

<script>
$(document).ready(function(){
    //alert("inside first");
    $("#form1").submit(function(){
        //alert("inside submit");

        var startD = $(".Date");
        $(function).text(.startD);

        //event.preventDefault();

        alert("after");
        });
});
</script>
<p> </p>
</body>
</html>

我注释掉了 event.preventDefault，因为我没有收到它之后的警报，所以我认为我也没有正确使用它。

我很确定我的问题来自 .text 尝试，并且我的变量存储良好。

感谢您的帮助。

Answer 1

您必须使用 .val() 来获取输入值。

当你使用一个变量时，你不要在它前面加上.。

至select段落，您需要使用$("p")，而不是$(function)。

$("#form1").submit(function(){
    //alert("inside submit");

    var startD = $(".Date").val();
    $("p").text(startD);

    //event.preventDefault();

    alert("after");
});

将变量传递给 .text

Passing a variable to the .text

variables

jquery

function

submit