在mysql中存储依赖于javascript的下拉菜单的值

Question

这段代码保存的是部门的值，而不是学位的值。除了度数值没有保存到mysql中之外，所有的工作都很好。我使用的是PHP

HTML

<select class ="form-control" name="department">
  <option value="" disabled selected>Select an option</option>
  <option value="Applied-Psychology">Applied Psychology</option>
  <option value="Botany">Botany</option>
  <option value="Chemistry">Chemistry</option>
  <option value="Computer-Science">Computer Science</option>
  <option value="English">English</option>
  <option value="Islamiyat">Islamiyat</option>
  <option value="Mathematics">Mathematics</option>
  <option value="Statistics">Statistics</option>
  <option value="Urdu">Urdu</option>
  <option value="Zoology">Zoology</option>
</select>
<select name="degree" id="degree">
  <option value="BS" class="Botany Zoology Applied-Psychology Computer-Science Mathematics Chemistry English Islamiyat Urdu Statistics">BS</option>
  <option value="MS" class="Chemistry">MS</option>
  <option value="M.Sc" class="Botany Zoology Applied-Psychology Computer-Science Mathematics Chemistry">M.Sc</option>
  <option value="M.A" class="English Islamiyat Urdu">M.A</option>
  <option value="M.Phil" class="Botany Zoology Chemistry English Islamiyat Urdu">M.Phil</option>
  <option value="Ph.D" class="Botany Zoology Chemistry English Islamiyat Urdu">Ph.D</option>
</select>

Javascript

    var degree = $("[name=degree] option").detach()
$("[name=department]").change(function() {
  var val = $(this).val()
  $("[name=degree] option").detach()
  degree.filter("." + val).clone().appendTo("[name=degree]")
}).change()
document.getElementById('degree').addEventListener('change', function() {
  console.log('You selected: ', this.value);
});

PHP

$department = $_POST['department'];
$degree=$_POST['degree'];

Answer 1

只需在javascript函数中调试，即可获得度数选择框的值

根据您的示例，只需首先警告度值

alert($("[name=degree] option").detach());

或者你可以像这样检查

alert($( "#degree" ).val());

如果您获得了其中的值，则继续您的代码