将一个变量传递给.text

我知道这可能非常简单，但我刚刚开始，并且似乎无法使主题上的材料与实际获得它的工作联系起来。将一个变量传递给.text

我只是想点击提交按钮后，将我的输入框中包含的值传递到下面的段落字段。我得到它与硬编码值工作，但我似乎无法得到任何变量传入它。

<!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尝试，并且我的变量正在保存良好。

感谢您的帮助。

来源

2017-05-04 hotmaildotcom1

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

当你使用一个变量时，你不要把.放在它之前。

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

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

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

    //event.preventDefault(); 

    alert("after"); 
});

来源

2017-05-04 17:36:19 Barmar

非常感谢！ – hotmaildotcom1

将一个变量传递给.text

回答

相关问题