Javascript 一次从多个文本区域插入内容

我有两个div，每个div都包含自己的tinymce编辑器实例和隐藏的输入值：

    <form method="post">
    <div class="col-lg-12 fullWidth" id="full">
        <input type="hidden" name="fullWidth" value="">
        <div class="fullContent" style="background-color: white; height: 100%;">
                <input type="hidden" name="panel" value="1">
              <textarea class="original" id="mytextarea3" name="fullText">Some Text Here</textarea><!--I want to save this content along with panel_type_id = 1-->
              <input type="submit" value="Save Content">
        </div>
    </div>

    <div class="col-lg-12 halfWidth" id="half">
        <input type="hidden" name="halfWidth" value="">
        <div class="halfContent" style="background-color: white; height: 100%;">
                <input type="hidden" name="panel" value="2">
              <textarea class="original" id="mytextarea4" name="halfText">Some Text There</textarea><!--I want to save this content along with panel_type_id = 2-->
              <input type="submit" value="Save Content">

        </div>
    </div>
    </form>

这适用于所有3个表中的一次插入，但如果我可以为每个div设置多个面板类型，我如何修改它以仍然插入一页记录，但成功地考虑多个面板和内容

这是添加页面脚本

//This works for one record, but I think I need to add some kind of foreach or while into the insert for content and panel

//Insert Page
$title = $_POST['addTitle'];
$page_type = $_POST['pageType'];


$addpage = "
    INSERT INTO pages (title, page_type_id)
    VALUES ('$title','$page_type');
";
$mysqlConn->query($addpage)

$page_id = $mysqlConn->insert_id;

foreach(//panel and content){
//Insert Content
$content = $_POST['page_content'];

$addContent = "
    INSERT INTO content(content)
    VALUES('$content');
";

$mysqlConn->query($addContent);

$cont_id = $mysqlConn->insert_id;

//Insert panel(s)
$panelID = $_POST['panelType'];
$addPanel = "
    INSERT INTO panels(panel_type_id, page_id, cont_id)
    VALUES ('$panelID', '$page_id', '$cont_id');
";
$mysqlConn->query($addPanel);

}

---

您的隐藏输入都是相同的形式，具有相同的名称。只能有一个，但是我该怎么改变呢？即使我给他们起了不同的名字，我也有一个问题要解决values@kerbholz为每个div分配自己的面板类型ID的更好方法是什么？然后，我仍然需要能够获取ID和每个ID的内容并提交到mysql

pages

ID | Title    | page_type_id
1  | TitleNew | 1     /*this comes from $value*/

content

ID | Content
1  | Some Text Here
2  | Some Text There

panels

ID | panel_type_ID | page_id | content_id
1  |     1         |     1   |   1
2  |     2         |     1   |   2

//This works for one record, but I think I need to add some kind of foreach or while into the insert for content and panel

//Insert Page
$title = $_POST['addTitle'];
$page_type = $_POST['pageType'];


$addpage = "
    INSERT INTO pages (title, page_type_id)
    VALUES ('$title','$page_type');
";
$mysqlConn->query($addpage)

$page_id = $mysqlConn->insert_id;

foreach(//panel and content){
//Insert Content
$content = $_POST['page_content'];

$addContent = "
    INSERT INTO content(content)
    VALUES('$content');
";

$mysqlConn->query($addContent);

$cont_id = $mysqlConn->insert_id;

//Insert panel(s)
$panelID = $_POST['panelType'];
$addPanel = "
    INSERT INTO panels(panel_type_id, page_id, cont_id)
    VALUES ('$panelID', '$page_id', '$cont_id');
";
$mysqlConn->query($addPanel);

}