2017-05-04 210 views
0

我知道這可能非常簡單,但我剛剛開始,並且似乎無法使主題上的材料與實際獲得它的工作聯繫起來。將一個變量傳遞給.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嘗試,並且我的變量正在保存良好。

感謝您的幫助。

回答

3

您必須使用.val()來獲取輸入的值。

當你使用一個變量時,你不要把.放在它之前。

要選擇段落,您需要使用$("p")而不是$(function)

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

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

    //event.preventDefault(); 

    alert("after"); 
}); 
+0

非常感謝! – hotmaildotcom1