入力を含むフォームを持つポップアップ ウィンドウを作成しようとしています。2 つの入力があり、フォームを送信すると、入力から値を取得して変数に割り当て、それを php コードに渡す必要があります。私がしていることは何も割り当てられた値を取得していないようです。JavaScript内の変数を出力しようとしましたが、ボタンをクリックするとテキストボックスがリセットされます
<?php
include'../dbconnect.php';
echo "in character creation";
if(isset($_POST['name']) && isset($_POST['type']) ) {
$name = $_POST['name'];
$type = $_POST['type'];
echo $name." ".$type;
}
?>
<html>
<form id="frmNewChar">
Character Name: <input type="text" id="charName"></input> <br />
Character Type: <input type="text" id="charType" ></input> <br />
<button id="btnNewChar" >Submit</button>
</form>
</html>
<script language="JavaScript"><!--
$("#btnNewChar").click(function(){
var name = $("#charName").val;
var type = $("#charType").val;
$("#frmNewChar").before(name);
// $.post(this, {name: name, type: type}, function(data){
// text=data;
// elem = $("#frmNewChar");
delay=100;
// addTextByDelay(text,elem,delay);
// });
});
//--></script>