从php下拉列表调用javascript函数,加载jquery

时间:2011-03-18 11:43:23

标签: php javascript ajax jquery

现在如果标题不足以让你失望,那么你可能知道这个问题的答案。

首先,感谢所有在过去几期中向我提供帮助的人,但特别感谢Bazmegakapa的帮助。

这是最后一个问题(暂时):

我有一个用PHP编写的下拉框,它从MySQL数据库中填充。 使用jQuery.load将下拉框拉入我的HTML / Javasccript页面 我现在需要做的是,当有人从下拉列表中选择其中一个选项时,它会调用一个javascript函数,从下拉列表中传递所选项目的值。

无法解决如何做到这一点 - 这可能非常简单(但我也是如此)

全部谢谢!

罗布。

3 个答案:

答案 0 :(得分:3)

在选择框上执行某项操作的快速工作示例,其值为

<select id="dropdown">
   <option value="1">foo</option>
   <option value="2">bar</option>
   <option value="3">bla</option>
   <option value="4">test</option>
</select>

<script>

    function start(value) {
       //do something with the value
    }

   $('#dropdown').change(function() {

    //do something with this value like calling a function etc.

  //$(this).val() returns the value of the selected element
     start($(this).val());
    });

</script>

答案 1 :(得分:2)

select是通过.load()插入的,因此您必须定义一个回调,以便在.load()操作完成并成功时运行。你可以这样做(jQuery load() doc):

$('#i_want_my_select_here').load('/temp/select.php', function () { //callback
  $('select', this).change(function () { //catch onchange event of select
    //call your function here, pass the selected value
    start($(this).val());
  });
});

答案 2 :(得分:0)

您在Javascript(特别是jQuery)中所需要的只是下拉列表的onclick事件,您可以使用this.value作为参数调用函数。