如何通过更改下拉菜单选项来调用不同的函数
这是我的代码
<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>
**
我想要做到这一点，当我从下拉菜单每月中选择选项并在单击按钮时填写表单时，它将运行每月函数，该函数采用所有值*（从日期，到日期，车辆号码）* 来自表格 但是当我从下拉菜单中选择每日时，它将仅采用（从日期开始）值 当我单击按钮时，它会运行日常功能。
this is my code
<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>
**
i want to do it that when i select option from dropdownmenu monthly and fill form when i click on button it will run monthly function which take all values*(from date ,to date,vehicle number)* from form
but when i select daily from dropdownmenu it will take only (from date) value
and when i click on button it run daily function.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
它需要使用适当的参数提交表单，这是调用服务器端函数的唯一方法。您可以使用 Ajax 使其具有交互性。提示：使用
onchange()事件和It requires to submit your form with appropriate parameters, that is the only way to call a server side function. You can use Ajax to make it interactive. Hint: Use
onchange()event andselectedIndexproperty of<select>. Good Luck!你的意思是用php处理表单吗？
当然，只有当您将
method="POST"添加到您的form时才会这样做。Do you mean processing the form in php?
This of course only if you add
method="POST"to yourform.如果您想要在 Javascript 中进行功能切换，请执行以下操作：
然后可以在下拉列表中调用：
If you want a function switch in Javascript, then do this:
Which can then be invoked in the dropdown with: