変数を.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()を使用する必要があります。

変数を使用する場合、その前に.を入れないでください。

段落を選択するには、$(function)ではなく、$("p")を使用する必要があります。

$("#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

答えて

関連する問題