jquery - jqTransform 使用時に選択を無効にする方法

Question

フォームで jqTransform を使用していますが、select を無効にしたいと考えています。jqTransform により、無効になりません。

これに対する解決策があれば教えてください。

Answer 1

少し遅いかもしれませんが、これが私の解決策です。

元の select 要素を無効にし (前述のように)、この select の jqTransform 要素を削除して、jqTransform アクションをやり直す必要があります。

これを行うための小さな関数を自分で作成しました (ここでも言及しました: jqTransform Select - Ajax Update? )。

function fix_select(selector) {
  selectedVal = $(selector).children(':selected').val();
  $(selector).children('option').removeAttr('selected');
  $(selector).children('option[value="'+selectedVal+'"]').attr('selected','selected');

  $(selector).removeClass('jqTransformHidden');
  $(selector).css('display','block');
  $(selector).prev('ul').remove();
  $(selector).prev('div.selectWrapper').remove();

  var selectElm = $(selector).closest('.jqTransformSelectWrapper').html();

  $(selector).closest('.jqTransformSelectWrapper').after(selectElm);
  $(selector).closest('.jqTransformSelectWrapper').remove();

  $(selector).closest('form').removeClass('jqtransformdone');
  $(selector).closest('form').jqTransform();
}

select 要素を変更した後にこの関数を呼び出します (無効にし、ajax oid を介してオプションを追加しました)。

fix_select('select#my_updated_select_box');

Answer 2

これを試して ：

// To disable 
$('.someElement').attr('disabled', 'disabled');

また

  $('.someElement').attr("disabled", "true");