Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Передача значений из data-
 
 автор: Jaroslav   (01.02.2014 в 21:50)   письмо автору
 
 

Подскажите, пожалуйста, как правильно передавать значения из data- (data-value) для отправки формы.
Например:



<div class="content2">    
    <span class="selecter-item" data-value="1">Январь </span>
    <span class="selecter-item" data-value="2"> Февраль</span>
    <span class="selecter-item" data-value="3">Март</span>
    <span class="selecter-item" data-value="4">Апрель </span>
    <span class="selecter-item" data-value="5">Май</span>
    <span class="selecter-item" data-value="6">Июнь</span>
    <span class="selecter-item" data-value="7">Июль</span>
    <span class="selecter-item" data-value="8">Август</span>
    <span class="selecter-item" data-value="9">Сентябрь</span>
    <span class="selecter-item" data-value="10">Октябрь</span>
    <span class="selecter-item" data-value="11">Ноябрь</span>
    <span class="selecter-item last" data-value="12">Декабрь</span>
</div>
<input type="text" id="mounth" name="mounth" value="0">




Как сделать так, чтобы при нажатии на название месяца, данные "data-value" - передавались в input (id="mounth").
Если повесить onClick - на каждый span, то передам значения.. А как без него сделать? И желательно без jqwery.

  Ответить  
 
 автор: moonfox   (01.02.2014 в 21:54)   письмо автору
 
   для: Jaroslav   (01.02.2014 в 21:50)
 

чем jquery не угодил?
намного облегчает работу
и очень много информации что да как.

  Ответить  
 
 автор: Jaroslav   (01.02.2014 в 21:59)   письмо автору
 
   для: moonfox   (01.02.2014 в 21:54)
 

хочу понимать, как это на чистом js делается, чтобы не подключать jqwery где надо, и где не надо.
Ну можно и с jqwery, если руками никак ))
--
js знаю лучше, чем api jqwery.

  Ответить  
 
 автор: moonfox   (01.02.2014 в 22:20)   письмо автору
 
   для: Jaroslav   (01.02.2014 в 21:59)
 

<script type="text/javascript">
$(document).ready(function () {

 $('body').on('click', '.content2 span', function(){ 
    $('#mounth').val($(this).html() + $(this).data('value'));
            
    });

});


и сделайте в стилях

.content2 span {
}
а то как-то мулит столько раз класс на span

  Ответить  
 
 автор: Jaroslav   (01.02.2014 в 22:51)   письмо автору
 
   для: moonfox   (01.02.2014 в 22:20)
 

Благодарю, понятно.
Очень полезная штучка.

  Ответить  
 
 автор: confirm   (02.02.2014 в 01:58)   письмо автору
 
   для: Jaroslav   (01.02.2014 в 21:50)
 

Запрашивать объект data-value - это HTML5 и будет в нем как объект, а в старых браузерах обычный атрибут пользователя, перебираете коллекцию content2, получаете и отправляете.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования