如何在使用jqTransform时禁用选择

Question

我在表单中使用了jqTransform，并且我想禁用select。jqTransform使其不会被禁用。

如果您对此有解决方案，请指导我。

Answer 1

试试这个：

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

或

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

Answer 2

可能有点晚了，但这是我的解决方案。

您必须禁用原始的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 3

已经很久了，但是我对这个问题的解决方案是：

let elem = $('#realSelectElementID');
elem.css('disabled',true).prev('ul').css('pointer-events','none');

禁用实际元素并取消与jqTransform插件创建的选项列表的任何交互。这样，我们就可以使用相同的方面来维护组件。