javascript - 提交表单在jquery中没有触发

Question

表格如下:

<form name="frmSelect" id="frmSelect" method="post" action="./abc.php">
  <input type="submit" value="To Confirm" name="To-Confirm" />   
  <span>Click</span>
</form>

Jquery:

span.onclick = function() {
  alert($('#frmSelect').length);

  $('#frmSelect').submit(function() {
    alert('abc');
    //var data = $("#frmSelect :input").serializeArray();
    //alert('Handler for .submit() called.');
    //OR 
    //document.frmSelect.submit(); <-- Not Working Too
    //var x = document.getElementsByName("To-Confirm").value; <-- Always "undefined".
  });
}

当我点击<span>时元素，我能够获得带有“1”(表单长度)的第一个警报，但无法获得第二个警报(即 abc)。

附:表单元素有很多，但名称不同。

Answer 1

我认为你不应该这样做。 声明 Submit() 函数的行为，然后引发事件提交，如下所示...

$('#frmSelect').submit(function() {
    alert('abc');
});

span.onclick = function() {
    alert($('#frmSelect').length);
    $('#frmSelect').submit();
}

我的 2 美分;)

问候。