如何将输入文本框添加到链接参数中?

时间:2014-04-14 20:07:15

标签: html dom grails input gsp

我的shop.gsp文件中有以下内容:

<input type="text" class="inputTextBox" name="queryString"/>
<g:link action="shop" controller="item" params='[queryString:
"${document.getElementById('queryString').value}", queryType: "search"]'>
 Search
 </g:link>

但是在我的控制器中,当我执行params.queryString时,它返回一个空字符串。我知道我可能正在使用一个表单但是对于我的问题,我需要使用它的链接。那么如何在链接参数中获取输入文本的值?

1 个答案:

答案 0 :(得分:1)

以下是如何使用某些jQuery执行此操作的示例。在我的头顶,所以请原谅任何错别字。

<input id="field" name="field" type="text" value="" />
<g:link class="mylink" controller="somewhere" action="something">My link</g:link>

<script type="text/javascript">
jQuery(function(){
    $("a.mylink").on("click", function(e) {
        window.location.href = $(this).attr("href") + "?field=" + $("#field").val();
        return false;
    });
});
</script>