Javascript Jquery/Ajax：向服务器端脚本发送额外的php变量

我有一个选择框。所选选项与ajax一起发送到服务器端脚本

<select id="main_select">
    <option selected="selected" value="50">50</option>
       <option value="100">100</option>
       <option value="150">150</option>
</select>

在服务器端脚本（itemscript.php）中，我从选择框中获得如下变量：

if(isset($_POST["option"]))
{
    $itemlevel = $_POST["option"];
}

现在我想扩展这个脚本，将一个名为

$element

的附加php变量发送到服务器端脚本（itemscript.php）。

$element

变量是当前url地址的一部分

---

如何在这个jquery/ajax脚本中发送额外的

$element

变量？

只需将其他数据项添加到数据{}部分，并用逗号分隔

假设$element数据位于inputbox中，则

HTML

---

在上面，$_POST[“element”]将被传递到您的php脚本中

谢谢，这对我帮助很大。

if(isset($_POST["option"]))
{
    $itemlevel = $_POST["option"];
}

<input id="element">
<br>
<select id="main_select">
    <option selected="selected" value="50">50</option>
       <option value="100">100</option>
       <option value="150">150</option>
</select>

$(document).ready(function() {

$('#main_select').change(function() {
$.ajax({
  url: "itemscript.php",
 method: "POST",
  data: {
    option: $(this).val(),
    element: document.getElementById("element").value
  },
  .success: function(data) {
    $("#details").html(data);
  }
 });
 }).change();
});