基于下拉选择的多个提交按钮
Multiple submit buttons based on dropdown choice
新手问题。。。想知道javascript是否可以成为解决方案?
有没有可能有一个包含许多选项的下拉菜单。然后,根据选择的选项来确定两个提交按钮的操作?
在这种情况下,每个提交按钮将根据下拉列表中选择的选项链接到。。。每个按钮上的链接不同?
为什么不在按钮的onClick方法上绑定一个javascript函数呢。然后在该功能中,您可以查询下拉列表框中的当前选择并执行相应的操作?
是的,您可以轻松使用Jquery。您只需在进行下拉选择后将单击事件分配给提交按钮。
看看http://api.jquery.com/change/在下拉列表中添加一个更改事件处理程序。在更改事件处理程序中,为提交按钮设置适当的单击处理程序。
下面是一个例子。http://jsfiddle.net/24Vbr/6/
HTML
<form>
<input class="target" type="text" value="Field 1" />
<select class="target">
<option value="option1" selected="selected">Option 1</option>
<option value="option2">Option 2</option>
</select>
<button id='button1' type="button">Button with changing click handler based on dropdown </button>
</form>
<div id="other">
Trigger the handler
js
var onSubmit1 = function()
{
alert('submit1');
};
var onSubmit2 = function()
{
alert('submit2');
};
$('.target').change(function(e) {
var dropdown = $('.target');
var text = $( ".target option:selected" ).text();
var $button1= $('#button1');
$button1.unbind('click');
if(text == "Option 1"){
$button1.click(onSubmit1);
return;
}
$button1.click(onSubmit2);
});
相关文章:
- 带有验证和隐藏字段值的提交按钮
- 如何在 API 调用后和 if 语句中启用提交按钮
- 提交按钮,该按钮位于使用 Excel VBA 的 Javascript 中
- 如何使用提交按钮搜索表中的记录
- 在单击按钮前后禁用提交按钮
- 在表单完成并确认密码之前,请禁用提交按钮
- 如何使用Java脚本创建提交按钮's的拖放功能
- 如何在单击“提交”按钮时为“新建”窗口编写JavaScript,用“确定”和“取消”显示注册信息
- 提交按钮通过JQuery和JavaScript函数所做的更改不会持续
- 从输入时提交到jQuery,无需提交按钮,无需表单操作
- onclick提交按钮JSP
- 通过提交按钮传递值
- 如果ng单击附加到提交按钮,则表单未验证
- 如何在Razor MVC 5.2.3 Ajax中使用多个提交按钮
- 使用提交按钮隐藏未选中的单选按钮
- Ruby/JS如何在提交按钮后重新加载页面
- JavaScript表单提交没有't fire asp服务器端点击功能的提交按钮
- 使用javascript后,提交按钮不起作用
- 如何使用jQuery/Ajax响应特定的提交按钮
- 表单中的提交按钮在 PHP 打印中不起作用