javascript - 如何通过javascript将html代码的select-option值传递到php文件中？

Question

我的脚本代码用于数据库中的ajax函数。代码如下。

 <script>
  function showUser(str)
  {
   .....
  }
  var selectedLang2 = document.getElementById('lang2').value;
  var selectedSubject1 = document.getElementById('subject1').value;
  xmlhttp.open("GET","db_"+selectedLang2+".php?q="+str,true);
 xmlhttp.send();
 } 
 </script>

根据上面的脚本代码，脚本代码只调用selected-option值的php文件。所以我的选择选项代码与下面相同

 <form>
 <select name="lang2" id="lang2">
    <option value="co">한국어</option>
    <option value="en">English</option>

    <option value="af">Afrikaans</option>

    <option value="ar">Arabic</option>
    .......
  </select>
  <select name="subject1" id="subject1">
     <option value="a">Infection : bacteria and virus </option>

     <option value="b">Infection : virus, fungus and etc</option>
     <option value="c">Malignant neoplasm</option>
      ----
  </select>

所以我想使用 php 变量代码(这里是 $lang1, $subject1)，如下代码所示。

  <?php
  $q = htmlspecialchars($_GET['q']);
  $lang2 = $REQUEST_['lang2'];
  $subject1 = $REQUEST_['subject1'];


  $con = mysqli_connect('localhost','root','autoset','my_db');
  if (!$con)
  ......

我如何编写脚本代码。

 /*Here is target point.
  var selectedLang2 = document.getElementById('lang2').value;
  var selectedSubject1 = document.getElementById('subject1').value;
  xmlhttp.open("GET","db_"+selectedLang2+".php?q="+str,true);
  xmlhttp.send(); */

请给我一个建议。谢谢

Answer 1

如果不指定 url 参数，则无法通过 GET 发送任何信息。但是您可以向请求 URL 添加额外的参数来实现此目的。

改变你的JS:

var selectedLang2 = document.getElementById('lang2').value;
var selectedSubject1 = document.getElementById('subject1').value;
xmlhttp.open("GET","db_" + selectedLang2 + ".php?q=" + str  + "&lang2=" + selectedLang2 + "&subject1=" + selectedSubject1,true);
xmlhttp.send();

更改您的 PHP:

$q = htmlspecialchars($_GET['q']);
$lang2 = htmlspecialchars($_GET['lang2']);
$subject1 = htmlspecialchars($_GET['subject1']);