-1

私は国のドロップダウンメニューを持っています <g:select class="ddlCountry" id="country" name="country.id" from="${Country.list()}" noSelection="['':'-Select-']" optionKey="id" required="" value="${countryInstance?.id}" class="many-to-one" />

次のような送信ボタン

<button class="submit_small" >
                                <g:link class="ggg" controller="country" action="wholeTestUnits"
                                    id="${countryInstance?.id}">
                                    <g:message code="default.button.addTest.label" />
                                </g:link>
                                </button>

nullオプションまたは選択したインデックスが0のときはボタンを無効にし、インデックスが増えたときは有効にしたい

次のようにJavaScript関数を試しましたが、ボタンがタグで構成されているため機能しません

<script type="text/javascript">
    $(document).ready(function() {
         $('button.submit_small').attr('disabled','disabled');
         $('#country').change(function() {
            if($(this).val() != '') {
               $('button[class="submit_small"]').removeAttr('disabled');
            }
         });
     });

4

1 に答える 1