Php jQuery从选择选项获取数据

我想将GET数据从表单选择发送到PHP脚本。 实际上，我有以下几个部分：

$.myload = function(query) {
$("#output").load("my_php_script.php");
}

HTML：

 <form id="foo" method="post" name="bar">
 <select name="xxx">
 <option value="1" onclick="$.myload();">1</option>
 <option value="2" onclick="$.myload();">2</option>
 <option value="3" onclick="$.myload();">3</option>
 </select>
 </form>
 <!-- Something Else -->
 <div id="output">
 <!-- Paste Content from my_php_script.php -->
 </div>

1.
2.
3.

PHP（my_PHP_script.PHP）：

这对我来说很好。通过单击一个选项，“Hello World”内容将显示在“output DIV”中。 现在我想发送单击/选定选项字段的值。示例：单击第一个选项应该加载脚本“my_php_script.php？value=1”的内容。

---

有人能帮我吗？

像这样改变你的选择-

<option value="1" onclick="$.myload(this);">1</option>

$.myload = function () {
    $("#output").load("my_php_script.php?value=" + this.value);
}
$('select[name=xxx]').on('change', $.myload);

编辑：另一种方法-

从选项的列表中删除onclick属性

<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>

---

演示

-->

像这样更改您的选项-

<option value="1" onclick="$.myload(this);">1</option>

$.myload = function () {
    $("#output").load("my_php_script.php?value=" + this.value);
}
$('select[name=xxx]').on('change', $.myload);

编辑：另一种方法-

从选项的列表中删除onclick属性

<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>

---

演示

-->

您可以在第一个$.myload参数上使用（使用onclick，第一个参数是onclick事件），并从event.currentTarget.value获取数据，您可以在第一个$.myload参数上使用（使用onclick，第一个参数是onclick事件），然后从event.currentTarget.value获取数据