Question

我正在创建一个用于在数据库中创建表的表单（与我们在PHPMyadmin中执行的操作相同，我只是给它一个UI）我有这些输入字段

    $(".load_table").click(function()
  {

        var name = document.getElementsByName('table_name')[0].value;
        var columns = document.getElementsByName('table_column')[0].value;
        document.getElementById("form").style.visibility = 'visible';

    });

按下创建按钮时，它会进入

id=form

以下表格中最初隐藏的<form method="post" class="form-horizontal" id="form" action="" style="visibility:hidden"> <div class="col-md-3"> <strong>Name</strong> <input type="text" class="form-control" name="city"> <br> </div> <div class="col-md-3"> <strong>Type</strong> <input type="text" class="form-control" name="country"> <br> </div> <div class="col-md-3"> <strong>Length/value</strong> <input type="text" class="form-control" name="region_id"> <br> </div> <div class="col-md-2"> <br> <button class="btn btn-primary form-control" id="button1" name="insert" value="insert">Submit</button> </div> </div> </form>设置为可见。

number of columns

我的目标是动态生成用户输入的数字{{1}}作为在phpmyadmin创建表格屏幕上完成的总列数。什么是最好的方法呢？

Answer 1

做这样的事情......

＆＃13;

var columnCount=3;//get Your column Count
for(i=1;i <= columnCount ;i++)
  {
  document.getElementById('form').innerHTML+=getFormColumn(i);
  if(i==columnCount)
  {
  document.getElementById('form').innerHTML+="<input type='submit' value='Create Table'>";
   } 
  }


function getFormColumn(i)
{
 return "<label id='name_"+i+"'>Name</label><input type='text' name='name[]'><label id='name_"+i+"'>Type</label><input type='text' name='type[]'><br/>";
}

＆＃13;

<form id='form' action='YourUrl' method='post'>

</form>

＆＃13;

HTML加载用户在按钮单击时输入的输入字段数

1 个答案: