我如何通过更改下拉菜单选项来调用不同的功能答案

【问题标题】：how can i call different function by change dropdown menu option我如何通过更改下拉菜单选项来调用不同的功能
【发布时间】：2011-07-17 13:44:36
【问题描述】：

这是我的代码

<html>
<head>
<body>
<form  name="form2">
<table>
<tr>
<td>
<b>From Date</b>:</td><td><input type="text" id="from_date" readonly="true" name="f_date"><a href="javascript: show_cal('document.form2.f_date.value')"><img src="images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a></td>
<td><b>To Date:</td><td></b><input type="text" id="to_date" readonly="true" name="t_date"><a href="javascript: show_cal('document.form2.t_date.value')"><img src="images/cal.gif" width="16" height="16" border="0" alt="Pick a date"></a></td>
<td><b>Vehicle Number</b>:</td><td><input type="text" id="vhc_number">
<td><input type="button" value="show report" onclick="show_record_monthly()" style="background-color:#E6E6DC"></td>
<td>
<select name="aa" onchange="report(this.value)"> 
<option value="">Please select</option>
<option value="da">daily</option>
<option value="mo">monthly</option>
<select>

我想这样做，当我从下拉菜单中选择选项每月并在我点击按钮时填写表格时，它将运行每月功能，该功能采用所有值*（从日期到日期,车号)* 来自表格但是当我从下拉菜单中选择 daily 时，它只需要 (from date) 值当我点击按钮时，它会运行日常功能。

【问题讨论】：

还有什么问题？你已经有一些 php 代码了吗？
首先，你的javascript代码在哪里？其次，我不明白你的意思。能说清楚点吗？
这个有点模棱两可，给我们看看js函数
你能先完成这个吗？也许可以告诉我们你为什么问另一个问题，据我所知，这个问题与stackoverflow.com/questions/5323375/…相同

标签： php javascript phpmyadmin

【解决方案1】：

它需要提交带有适当参数的表单，这是调用服务器端函数的唯一方法。您可以使用 Ajax 使其具有交互性。提示：使用onchange() 事件和selectedIndex 属性<select>。祝你好运！

【讨论】：

【解决方案2】：

你的意思是用php处理表单吗？

switch ($_POST['aa']) {
  case 'da' : daily($_POST['from_date']); break;
  case 'mo' : monthly($_POST['from_date'], $_POST['to_date'],$_POST['vehicle_number']); break;
  default : echo "Please select a value from the drop-down menu";
}

这当然只有在您将method="POST" 添加到您的form 时。

【讨论】：

我正在写完全相同的答案，但后来意识到我认为他希望“javascript”来调用这个结果
javascript 是一个更好的选择。他需要在组合框更改时隐藏或禁用某些表单元素。
在 javascript.from 中我调用 php 来选择数据并对其运行不同的查询。

【解决方案3】：

如果您想在 Javascript 中进行功能切换，请执行以下操作：

<script>
    dropdown_func = {
        daily: report_daily,       // these are the functions
        monthly: report_monthly    // they should already be defined
    }
<script>

然后可以在下拉列表中调用：

<select name="aa" onchange="drowpdown_func[this.value]()">

【讨论】：