如何通过更改下拉菜单选项调用其他功能

Question

这是我的代码

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

**

我想做到这一点，当我从下拉菜单每月选择一个选项并单击按钮时填写表格时，它将运行每月功能，该功能从表格中获取所有值* （从日期，日期，车辆编号） *，但是当我每天从dropdownmenu它将仅取（从日期开始）值，当我单击按钮时它将运行日常功能。

Answer 1

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

Answer 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";
}

当然，仅当您在form添加method="POST"时才可以。

Answer 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]()">

如何通过更改下拉菜单选项调用其他功能

问题描述

3 个解决方案

解决方案1
1 2011-03-17 17:01:56

解决方案2
0 2011-03-17 16:51:08

解决方案3
0 2011-03-17 17:00:45

如何通过更改下拉菜单选项调用其他功能

问题描述

3 个解决方案

解决方案1 1 2011-03-17 17:01:56

解决方案2 0 2011-03-17 16:51:08

解决方案3 0 2011-03-17 17:00:45

解决方案1
1 2011-03-17 17:01:56

解决方案2
0 2011-03-17 16:51:08

解决方案3
0 2011-03-17 17:00:45