私は、カラム数とカラム名のユーザ入力に基づいて、MySQLでテーブルを動的に作成するPHPスクリプトを作成しています。私は、私のPHPコードでDOM要素とJavascript変数にアクセスすることに悩まされています。ここ は同じのための私の完全なコードです:PHPでDOM要素とjavascript変数を取得する方法は?
<?php
echo "<script type=\"text/javascript\">
function createInputFields(){
var x = document.getElementById('n-cols');
var n = x.value;
if(x.selectedIndex == 0){
alert('Choose a valid index');
}
document.getElementById('main').innerHTML ='<br>';
for(var i = 0; i < n;i++){
document.getElementById('main').innerHTML += '<input type=\"text\" placeholder=\"column\" > <select> <option>Integer</option> <option>Varchar</option> </select><br>';
}
document.getElementById('main').innerHTML+='<input type=\"submit\" onClick=\"post()\" Value=\"Create Table\">';
}
</script>";
?>
<!DOCTYPE html>
<html>
<head>
<title>Welcome</title>
<style type="text/css">
#head-text{
text-align: center;
color: blue;
font-size: 250%;
}
</style>
</head>
<body>
<h1 id="head-text">Snippt</h1>
<div class="main-content">
<frameset>
<form>
<select name="n-cols" id="n-cols" onchange="createInputFields()">
<option>Number of columns</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>
</form>
<div id="main">
</div>
</frameset>
</div>
</body>
</html>
表はPHPスクリプトを使用してMySQLに作成することができるPHPコードの列と列名の数を取得する方法は?
JavaScriptを使って変数の内容をPHPに渡す –
しかし、テーブルはユーザーの選択に基づいて作成されているので、最初は列番号を認識しません。だから私のAJAXコードはどのようにすべきですか? @SalluSalman –