php - jQuery 从选择选项中获取数据

Question

我想将 GET-Data 从 Form-SELECT 发送到 PHP-Script。其实我有以下部分：

$.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>

PHP (my_php_script.php)：

<?php echo "Hello World!"; ?>

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

Answer 1

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

Answer 2

像这样改变你的选择 -

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

在你的功能中-

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

编辑：另一种方法 -

从您的选项中删除 onclick 属性

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

像这样更改您的查询 -

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

演示--> http://jsfiddle.net/4xt4j/