Блог

Главная - Вопросы по программированию - Изменение типа ввода формы с помощью jquery

Изменение типа ввода формы с помощью jquery

#jquery #ajax

#jquery #ajax

Вопрос:

Привет, я пытаюсь изменить тип <input> from submit на image с помощью jquery, чтобы во время AJAX-запроса отображалось изображение, а не кнопка. Я делаю:

     $(document).ajaxStart(function(){$("#submit_btn").removeAttr("type").attr("image");});

и мой HTML:

 <input type="submit" name="submit" class="button" id="submit_btn" value="Send" src="images/sending.gif" />

Делаю ли я это сразу? И если да, то что не так, потому что это не работает: p

Комментарии:

1. Я решил это с помощью .hide() и .show() так: $(document).ajaxStart(function(){$("#submit_btn").hide(); $("#sending").show(); }); Теперь при .ajaxStart событии кнопка скрывается, а изображение отображается — при правильном расположении CSS создается иллюзия замены на изображение. Итак, это работает, но не уверен, что это лучший способ!

Ответ №1:

Я думаю, вы ищете:

 $(document).ajaxStart(function(){$("#submit_btn").attr("type","image");});

Использование attr() для установки атрибута, а не для его удаления.

Ответ №2:

Может быть, это сработает для вас:

 $(document).ajaxStart(function(){$("#submit_btn")..attr(type : 'image');});