проверки для выпадающего меню

Question

я есть выпадающее меню для страны <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> 

я хочу, чтобы отключить кнопку, когда нулевой вариант или выбранный индекс 0 и хочу включить, когда показатель увеличился

я попробовал яваскрипт функцию следующим образом, но это не работает, потому что кнопка состоит из тега

<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'); 
      } 
     }); 
    }); 

Answer 1

Вы должны отключить свою связь в дополнение к кнопке.

Этот код должен работать:

$(function() { 
    var button = $('.submit_small').prop('disabled', true), 
     link = button.find('a'); 

    $('#country').on('change', function(event) { 
     if (event.currentTarget.value != '') { 
      button.prop('disabled', false); 
      link.off('.quiz'); 
     } 
    }); 

    link.on('click.quiz', function(event) { 
     if (button.prop('disabled')) { 
      event.preventDefault(); 
     } 
    }); 
}) 

Примера на jsfiddle: http://jsfiddle.net/ant_Ti/hYNxs/