Как отменить действие события onchange?

Question

[andreyqin]

Предположим, на странице есть input type="file" или select. Как сделать, чтобы при определенных действиях запретить изменение содержимого этих элементов?
return false и event.preventDefault() не работают

Answer 1

[Юрий Лобанов]

Если я правильно понял добавляйте атрибут disabled.

<input type="file" disabled>
<select name="" id="" disabled>
    <option value="">1</option>
</select>

jsfiddle.net/8cyLV
Если нет - поясните, что имеете в виду и для чего.

Comments

[andreyqin]

Содержимое все равно меняется: jsfiddle.net/3Mt3c/1
Например, мне нужно на клиенте проверять размер файла, и в случае большого размера не допускать попадение этого файла в input.

[Юрий Лобанов]

@andreyqin у Вас все равно не получится сделать это без flash, html5 или сервера, насколько я знаю.
А селект зачем? Какой пример будет?

[andreyqin]

Например, при выборе определенного значения option не допускать его выбора. Скажем, у нас есть состав блюда. При редактировании состава у нас есть строки таблицы, в каждой строке есть select со всеми возможными продуктами. При изменении значения какого-то селекта, мы циклом проходим по всем и смотрим, есть ли уже такой продукт, и если есть, то запретить его выбор в текущем селекте.

[Юрий Лобанов]

@andreyqin при все уважении - смахивает на то, что Вы изобретаете велосипед.
Поэтому-то у Вас и такие странные желания.

[andreyqin]

Пусть даже это странные желания, но мне интересно знать решения этих проблем.

[Байзет Тлюпов]

Вопрос старый, но не увидел варианта с блокировкой определённого варианта в select.
Сделать можно просто добавив в соответствующий option атрибут disabled="disabled"

<select name="" id="">
    <option value="0">Вариант 0</option>
    <option value="1"  disabled="disabled">Вариант 1</option>
    <option value="2">Вариант 2</option>
</select>

jsfiddle.net/n72d90ef

Answer 2

[Юрий Лобанов]

Вы хотите знать значение до того, как сделан выбор. В частности, селект еще не выбран, а Вы уже хотите получить значение и сделать селект не активным.
Единственный выход - или убирать option в зависимости от выбора в предыдущих селектах, или делать как в примере - выберите 2 и селект скинется на пустое значение.
jsfiddle.net/8cyLV/1

Comments

[andreyqin]

Ну вот это уже как вариант. А что можете посоветовать по поводу поля с файлом? Желательно что-то простое, без использования плагинов.

[andreyqin]

Мой вариант - jsfiddle.net/LG8wN

Answer 3

[NobuSan13]

<input type="..." disabled>

Answer 4

[benderskiy]

Дело в том, что событие change у input срабатывает тогда, когда файл уже выбран. Т.е. превентить уже нечего. Вам нужно по условию обнулить значение выбора. Например, так:

$('input[type="file"]').on('change', function(event) {
    $(this).val(null);
});