рельсы 3 отключить select_field с помощью jquery

Question

    jQuery ->
  $('#welcome_carmodel_id').parent().hide()
  carmodels = $('#welcome_carmodel_id').html()
  console.log(carmodels)
  $('#welcome_carmake_id').change ->
    carmake = $('#welcome_carmake_id :selected').text()
    options = $(carmodels).filter("optgroup[label=#{carmake}]").html()
    console.log(options)
    if options
      $('#welcome_carmodel_id').html(options)
      $('#welcome_carmodel_id').parent().show()      
    else
      $('#welcome_carmodel_id').empty()
      $('#welcome_carmodel_id').parent().hide()

что делает этот код: он скрывает поле select_field B, пока я не выберу что-то из поля select_field A другими словами, селектор кармоделей скрыт до тех пор, пока я не сделаю выбор из автопроизводителей, и если автопроизводители не имеют кармоделей, селектор кармоделей также будет скрыт.

Проблема: Как изменить это поле со скрытого на отключенное? Мне нужно, чтобы он был отключен, а не скрыт. Спасибо.

Answer 1

если используется версия jQuery> = 1.6, используйте метод prop () для отключения поля формы

http://api.jquery.com/prop/

   $('#select_field B').prop('disabled',true);/* false to enable*/

Если

   $('#select_field B').attr('disabled','disabled');

   /* enable again*/
   $('#select_field B').removeAttr('disabled');