使用HTML链接在Dart中提交表单

Question

假设我有一个表格:

<form id = "form1" action = "process.php" method = "post">
...
</form>

现在,使用链接从JavaScript提交它将如下所示:

<a href='javascript:document.forms["form1"].submit()'>Submit</a>

我怎么用Dart-lang做同样的事情？

Answer 1

我认为你不能在内部href属性中使用内联dart脚本<a>.

但是,您可以在锚点上添加onClick处理程序:

import 'dart:html';

main() {
  AnchorElement a = query("#a1");
  a.on.click.add((e){
    FormElement form = query("#form1");
    form.submit();

    // stop event
    e.preventDefault();
    e.stopPropagation();
  });
}

你的锚点看起来像:

<a id="a1">Submit</a>

如果你需要保留手形光标(因为它现在已经没用了href)或者另外设置样式,只需使用CSS:

a {
    cursor: pointer;
    color: #00f;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}