我有一个g:字段,当按enter键或取消选择它时,页面需要自动刷新它,因为我有一个值是由g:字段中的值计算得出的
<g:field type="text" name="amount" pattern="[1-9]*" maxlength="2" value="${Buyer?.amount}"/>我厌倦了,但由于某种原因,它不能工作
$("#amount").change(function() {
$("#" + divId).load("/ordering" + "?amount=" + document.getElementById('amount').value)
}
$("#amount").keydown(function (event) {
if (event.keyCode === 13) {
$("#" + divId).load("/ordering" + "?amount=" + document.getElementById('amount').value)
}
}发布于 2017-09-10 02:35:36
我简化了你的代码,以提供一个完整的工作示例,以下工作对我来说只需对你的原始帖子稍作修改即可。
/views/test/index.gsp
<!doctype html>
<html>
<head>
<meta name="layout" content="main"/>
<script>
$(document).ready(function(){
var amt = $( '#amount' );
$( amt ).keydown(function (event) {
if (event.keyCode === 13) {
$( "#myDiv" ).load("/ordering" + "?amount=" + amt.val() )
}
});
$( amt ).change(function() {
$("#myDiv").load("/ordering" + "?amount=" + amt.val() )
});
});
</script>
</head>
<body>
<g:field type="text" name="amount" pattern="[1-9]*" maxlength="2" value="${params.amount}"/>
<div id="myDiv"></div>
</body>
</html>TestController
def ordering() {
render( "Amount is ${params.amount}" )
}https://stackoverflow.com/questions/46128818
复制相似问题