2017-02-27 3 views
1

私は、カラム数とカラム名のユーザ入力に基づいて、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コードの列と列名の数を取得する方法は?

+0

JavaScriptを使って変数の内容をPHPに渡す –

+0

しかし、テーブルはユーザーの選択に基づいて作成されているので、最初は列番号を認識しません。だから私のAJAXコードはどのようにすべきですか? @SalluSalman –

答えて

関連する問題