使用提交按钮创建事件

Question

我需要一些帮助来编码我的项目。你能帮我完成我的项目吗？我需要创建 .click 事件来锚定，代码如下：

$("form").submit(function() {
  if ($("input:first").val() == "something") { 
    // anchor tag should be clicked and input should find submitted target.
  }
}

很快我想创建搜索表单，它创建单击事件并查找输入的目标。

感谢您提前提供的帮助！

Answer 1

如果我正确理解您的问题，您将尝试根据表单中输入的内容跳转到页面中的锚点。

$('form').submit(function(e) {
  e.preventDefault();
  if ($('input:first', this).val() == 'something') {
    // anchor tag should be clicked and input should find submitted target.
    window.location.hash = 'example-hash';
  }
)};

如果有多个选项，您可以使用 switch：

$('form').submit(function(e) {
  var val = $('input:first', this).val(),
      hash;
  e.preventDefault();
  switch (val) {
    case 'foo':
      hash = 'some-hash';
      break;
    case 'bar':
      hash = 'some-other-hash';
      break;
    default:
      hash = 'default-hash';
      break;
  }
  window.location.hash = hash;
)};

Answer 2

假设您想要覆盖默认的提交行为并单击锚点：

$("form").submit(function(e) {
  if ($("input:first").val() == "something") { 
       $("#anchorelementId").trigger('click');
       e.preventDefault(); // Prevents the submit-behavior from your form.
  }
}