Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   как присвоить класс input? (https://javascript.ru/forum/misc/47863-kak-prisvoit-klass-input.html)

avanesov89 10.06.2014 18:04

как присвоить класс input?
 
Здравствуйте!
Подскажите пожалуйста как реализовать следующую проблему.

Использую специфический модуль почтовых форм, в котором нет открытого кода форм, и я не могу задать ни классы для разных полей ни описание (к примеру: placeholder="Введите ваше имя" ), но, через фаербаг явно видно, что к каждому input присваивается разный name (name="1", name="2" и тд)

исходя из этого - если ли какой нибудь скрипт, который бы присваивал input'у с разным name разные классы и placeholder ?

я попробовал такой вариант:

<script>
$(functon(){
  $('input[name=1]').attr("placeholder", "Введите ваше имя");
});
</script>


но он не сработал, но мои познания в js очень малы, может пишу не правильно?

спасибо!

Александр222 11.06.2014 12:24

avanesov89,

Вот вариант присваивания классов по имени.
В данном примере перебираем все инпуты, берем значения из атрибута name="" и присваиваем это значение как имя класса.
Соответственно у каждого инпута будет свой оригинальный класс.
$('input').each(function(){
	var name = $(this).attr('name');
	$(this).addClass(name);
});

Александр222 11.06.2014 12:29

avanesov89,
А так можно задать каждому инпуту placeholder, но у всех инпутов он будет одинаковый.
Если нужен разный, нужно делать проверку на значение в атрибуте type или name и исходя из этого присваивать нужный текст placeholder`у

$('input').each(function(){
	var name = $(this).attr('name');
	$(this).addClass(name);
	$(this).attr({
		"placeholder" : "This placeholder"
	});
});


Часовой пояс GMT +3, время: 23:13.