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()的{{1}}事件和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";
}

当然，只有当您将method="POST"添加到form时才会这样做。

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 个答案: