javascript - 围绕按钮链接到链接的按钮

Question

所以我有这段代码:

<g:link class="create" action="create" params="${params}">
    <input type="button" value="New Field Trip Location">
</g:link>


<g:set var="paramsArray" value="$params" />
<button type="button" onClick="location.href='${createLink(controller:'fieldTripLocation', action:'create', params: $params)}'">New Field Trip Location</button>

第一个代码段适用于 chrome 等，但我被告知在按钮周围有一个链接是不好的风格。为了解决这个问题，我尝试使用 paramsArray 变量添加代码段 2 来传递我的动态大小参数，但我不确定如何将我的 params 变量(更像是一个由一堆不同变量组成的数组，例如 index 和 cameFrom)发送到下一个 View 。所以总体总结:我有丑陋的错误代码可以工作但想修复它但似乎无法传递多个动态参数并需要你的帮助。谢谢!

Answer 1

为什么不只使用具有适当 css 样式的链接:

<g:link class="create linkButton" action="create" params="${params}">
    New Field Trip Location
</g:link>

<style type="text/css">
.linkButton {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}
</style>