Javascript 如何在SQL数据库中保存列表组？

我有html代码，通过在组合框中选择数据并单击add按钮，将数据添加到列表中。我在提交表单时遇到一个错误“未定义索引：subjectlist”。谢谢你的建议？非常感谢。我还是一个网络编程新手

  <h4>Subjects</h4>
  <ul class="list-group list" id='subjectlist' name='subjectlist' >
  </ul>

  <div class="form-group">
    <input class="submit" name="submit" type="submit" value="Save">
  </div>

</form>

<button class="add_field_button" onclick="getsubject()">Add Subject</button>
<button class="add_field_button" onclick="removesubject()">Remove Subject</button>

<script>

  function getsubject(){
    var ul = document.getElementById("subjectlist");
    var candidate = document.getElementById("st");
    var SelectedValue = candidate.options[candidate.selectedIndex].text;
    var li = document.createElement("li");

    li.setAttribute('class',"list-group-item");
    li.setAttribute('id',"subjectlistitem");
    li.appendChild(document.createTextNode(SelectedValue));
    ul.appendChild(li);
  }
</script>

<?php
 if(isset($_POST['submit'])){ // Fetching variables of the form which travels in URL
   $sectioncode = $_POST['sc'];
   $sectiongroup = $_POST['ccg'];
   $selectedsubject = $_POST['st'];
   $subjectlist = $_POST['subjectlist'];
   $i = 0;
   foreach ($subjectlist as $qst) {
     $sql = "INSERT INTO sectionsubject(sectioncode, subjectcoden) VALUES ('" . $csectioncode . "', 
     '" . $subjectlist[$i] . "')";
    if ($link->query($sql) === TRUE) {
        echo "success";
    } else {echo "error" . $link->error;}
    $i++;}
 }
?>

主题


添加主题
删除主题
函数getsubject（）{
var ul=document.getElementById（“主题列表”）；
var候选者=document.getElementById（“st”）；
var SelectedValue=candidate.options[candidate.selectedIndex].text；
var li=document.createElement（“li”）；
li.setAttribute（'类'，“列表组项”）；
li.setAttribute（'id'，'subjectlistitem'）；
li.appendChild（document.createTextNode（SelectedValue））；
ul.儿童（li）；
}
因为$\u POST、$\u GET只处理
标记和
，
不是输入方法。
li
元素不作为表单字段提交。只有
输入
，
选择
和
文本区
。您好，Barmar，您能就这方面的解决方法提供建议吗？谢谢。请使用多选输入，而不是将所选值复制到列表中。谢谢Barmar，我们将使用多选输入。