Html 如何将输入文本框添加到链接参数?
我的Html 如何将输入文本框添加到链接参数?,html,dom,grails,input,gsp,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&
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
时,它会返回一个空字符串。我知道我可能会为此使用一个表单,但为了解决我的问题,我需要像现在这样使用链接。那么,如何在链接参数中获取输入文本的值呢?下面是一个如何使用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>
我的链接
jQuery(函数(){
$(“a.mylink”)。在(“单击”)上,函数(e){
window.location.href=$(this.attr(“href”)+“?field=“+$(“#field”).val();
返回false;
});
});
那么我如何在控制器中获取它呢?在我的示例中,控制器会将其视为params.field,具有字段输入中的任何值。出于某种原因,它从未进入onclick函数。。。可能是因为searchLink在函数执行时没有呈现?