Question

我想将GET-Data从Form-SELECT发送到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>

PHP（my_php_script.php）：

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

这对我来说很好。通过单击选项，“output-DIV”中将显示内容“Hello World”。现在我想发送点击/选中的选项字段的值。示例：单击第一个选项应加载脚本“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/

jQuery从select-option获取数据

2 个答案: