jQuery 从选择选项中获取数据答案

【问题标题】：jQuery GET Data from a select-optionjQuery 从选择选项中获取数据
【发布时间】：2013-05-21 13:36:50
【问题描述】：

我想将 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”的内容。有人可以帮帮我吗？

【问题讨论】：

标签： php jquery ajax httprequest

【解决方案1】：

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

【讨论】：

【解决方案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/

【讨论】：