У меня есть выбор начальной загрузки с помощью readonly="true", но я все еще могу изменить выбранный параметр.
Мне нужно поведение disabled="true", но когда я его использую, выбор не отправляется.
Мне нужна комбинация из 2, выбранный вариант нельзя изменить, но выбор должен быть отправлен.
Я мог бы использовать скрытые поля, но я надеялся на более простое решение.
select не поддерживает его. Если вам это нужно, вам, скорее всего, нужно будет либо самому кодировать, либо, как вы говорите, отключить элемент и использовать скрытый ввод. 29.09.2015 Другой возможностью может быть использование замены выбора с раскрывающимися списками, там должна быть возможность отключить раскрывающийся список, но при этом отправлять значение скрытого элемента выбора. Но тогда вы также можете использовать скрытые поля...
Или вы действительно добавляете скрытое поле с выбранным значением на случай, если элемент выбора отключен.
<input type="hidden" name="whatever">
<select name="whatever">
Если скрытое поле имеет то же имя, что и выбранное, выбранное значение выбора должно перезаписать отправленное значение скрытого поля (например, когда поле выбора динамически включается с помощью js). И если выбор отключен, отправляется значение скрытого поля. Не уверен насчет порядка того, что отправляется первым.
$(document).ready(function(){$('select option:not(:selected)').attr('disabled',true);});
это решение также должно работать (по крайней мере, с включенным js). Он отключает все невыбранные опции. И поэтому выбранный вариант представлен и не может быть изменен.
Существует аналогичный и уже отвеченный вопрос html-form-readonly-select-tag-input< /а>
Я столкнулся с аналогичной проблемой, и когда запускается событие формы onsubmit, я удаляю отключенные атрибуты, поскольку браузер не будет отправлять отключенные атрибуты обратно на сервер.
$('form').submit(function () { $('[disabled]').removeAttr('disabled'); })
Как вы упомянули, единственный другой вариант, который я нашел, - это найти значения для скрытых входов.
При загрузке страницы добавление отключено только для чтения
$('[readonly]').prop( "disabled", true );
Перед отправкой удалить отключено
$('[readonly]').prop( "disabled", false );
Примечание из документа Jquery:
Начиная с jQuery 1.6, метод .attr() возвращает undefined для атрибутов, которые не были установлены. Чтобы получить и изменить свойства DOM, такие как проверенное, выбранное или отключенное состояние элементов формы, используйте метод .prop().
