Question

我有一个g：字段，当按下输入或取消选择它时，页面需要自我刷新，因为我有一个值由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)
    }
}

Answer 1

我简化了您的代码以提供完整的工作示例，以下内容适用于我，对原始帖子几乎没有任何更改。

/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}" )
}

Grails，取消选择<g：field>后更新页面

1 个答案: