Question

我知道这可能很简单，但我刚刚开始，我似乎无法在主题的材料之间建立联系，实际上让它工作。

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

<!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()来获取输入值。

使用变量时，不要将.放在其前面。

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

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

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

    //event.preventDefault();

    alert("after");
});

将变量传递给.text

1 个答案: