Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.06.2014, 13:19
Интересующийся
Отправить личное сообщение для Pashok Посмотреть профиль Найти все сообщения от Pashok
 
Регистрация: 26.01.2013
Сообщений: 15

Placehilder для полей
Добрый день.
Имеется такая форма:
<form action="" method="post" class="mpf">
	<div class="wa-form">
        <div class="wa-field wa-field-firstname wa-required">
            <div class="wa-name">Имя</div>
            <div class="wa-value"><input type="text" name="customer[firstname]" value=""></div>
        </div>
        <div class="wa-field wa-field-lastname wa-required">
            <div class="wa-name">Фамилия</div>
            <div class="wa-value"><input type="text" name="customer[lastname]" value=""></div>
        </div>
        <div class="wa-field wa-field-phone wa-required">
            <div class="wa-name">Телефон</div>
            <div class="wa-value"><p><input type="text" name="customer[phone]" value=""></p></div>
        </div>
        <div class="wa-field wa-field-email wa-required">
            <div class="wa-name">Email</div>
            <div class="wa-value"><p><input type="text" name="customer[email]" value="totalshiva@gmail.com"></p></div>
        </div>
        <div class="wa-field wa-field-company wa-required">
            <div class="wa-name">Официальное название организации</div>
            <div class="wa-value"><input type="text" name="customer[company]" value=""></div>
        </div>
	</div>
</form>

Мне необходимо скрыть названия полей, в слое "wa-name" (с этим проблем нет) и каждому полю присвоить Placeholder, соответственно названия поля в слое "wa-name"

Я смог это реализовать только при клике на поле, а при загрузке страницы - не смог т.к. не могу привязаться к $(this).
$(document).ready(function() {
					$("div.wa-name").click(function() {
					var nm = $(this).html();
					$(this).parent().find("input").attr("placeholder", nm) 
					})
				})


Вот так - работает при клике. Каждому полю вставляет то, что надо.
А при загрузке не знаю как перебрать все поля в этом блоке и каждому присвоить соответствующую надпись.

Подскажите пожалуйста как.

Спасибо
Ответить с цитированием
  #2 (permalink)  
Старый 01.06.2014, 13:39
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

Pashok,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
  	$(function ()
  	  {
  	    $('.wa-field').each(function()
  	      {
  	        $('input', this).attr("placeholder", $('.wa-name', this).html())
  	      }
  	    );
  	  }
  	)
  </script>
</head>

<body>
<form action="" method="post" class="mpf">
	<div class="wa-form">
        <div class="wa-field wa-field-firstname wa-required">
            <div class="wa-name">Имя</div>
            <div class="wa-value"><input type="text" name="customer[firstname]" value=""></div>
        </div>
        <div class="wa-field wa-field-lastname wa-required">
            <div class="wa-name">Фамилия</div>
            <div class="wa-value"><input type="text" name="customer[lastname]" value=""></div>
        </div>
        <div class="wa-field wa-field-phone wa-required">
            <div class="wa-name">Телефон</div>
            <div class="wa-value"><p><input type="text" name="customer[phone]" value=""></p></div>
        </div>
        <div class="wa-field wa-field-email wa-required">
            <div class="wa-name">Email</div>
            <div class="wa-value"><p><input type="text" name="customer[email]" value=""></p></div>
        </div>
        <div class="wa-field wa-field-company wa-required">
            <div class="wa-name">Официальное название организации</div>
            <div class="wa-value"><input type="text" name="customer[company]" value=""></div>
        </div>
	</div>
</form>

</body>

</html>
Ответить с цитированием
  #3 (permalink)  
Старый 01.06.2014, 16:36
Интересующийся
Отправить личное сообщение для Pashok Посмотреть профиль Найти все сообщения от Pashok
 
Регистрация: 26.01.2013
Сообщений: 15

Спасибо
получилось
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
PHP. Файлы инициализации, и зачем нужно множество файлов для подключение к БД? Brook Серверные языки и технологии 2 04.12.2013 10:31
Cookie для меню аккордион и для div Lastedl jQuery 1 03.12.2013 04:55
Удалению метаданных в JPEG lorents Библиотеки/Тулкиты/Фреймворки 2 22.04.2012 21:02
Фреймворк для разработки расширений для Chrome chernikov Библиотеки/Тулкиты/Фреймворки 0 05.03.2012 17:51
Проблема с проверкой полей в форме Eth Общие вопросы Javascript 7 19.08.2010 17:41