Здравствуйте!
Имеется простой выпадающий список select с тремя вариантами значений.
Самый первый вариант имеет значение 0, к которому цепляется скрипт и вешает на него атрибут disabled и запрещает писать в поле input.
Все работает с виду хорошо и как нужно, но внутри кода значение value не удаляется, а остается при обработке данных и даже не отображается, если форму просто обновить(мелькает в нем значение и сразу исчезает).
Как можно очистить полностью value?
<script>
jQuery(document).ready( function($) {
$( "select#idst" ).change(function() {
if ( $(this).val() == 0 ) {
$( ".title" ).attr( "disabled", "disabled" ); // добавляем атрибут disabled
$( ".title" ).prop( "disabled", true ).val( '' ); // чистим значение input при выборе select 0
} else {
$( ".title" ).removeAttr( "disabled" );
}
} ).trigger( "change" );
});
</script>
<label>Выбор пункта</label>
<select id="idst" name="idst">
<option value="0" selected>нет</option>
<option value="1">значение 1</option>
<option value="2">значение 2</option>
</select>
<input type="text" id="inval" name="inval" class="title" value="значение" autocomplete="off" />