一个搜索栏,多个按钮

时间:2019-06-05 03:24:19

标签: html

出于好奇,是否存在一个搜索栏,多个按钮,每个按钮具有不同的路径/动作,但搜索结果不受影响的问题?

这就是我想的代码:

<form action = 'POST'>
  <input type: 'text' name: 'searchbar'>
  <input type: 'submit' name: 'search'>
  <input type: 'submit' name: 'add'>
  <input type: 'submit' name: 'delete'>
</form>

如果有这样的概念,您能告诉我我该怎么做吗?如果没有,还有其他方法吗?

1 个答案:

答案 0 :(得分:0)

好的。

$("#myForm [name=action1]").click(function(){
  $.post(url1, data, function (data, status) {
  });
});

$("#myForm [name=action2]").click(function(){
  $.get(url2, data, function (data, status) {
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="myForm">
  <button name="action1">Action 1</button>
  <button name="action2">Action 2</button>
</form>