Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Как получать выбранное значение из select в input

Как получать выбранное значение из select в input


     04.08.2013    jQuery, Ламерские вопросы    3309

вопрос
Решил сделать чтобы пользователь при регистрации мог выбрать (Год) - (Месяц) - (Число) своего рождения.
Добавил в админке три доп-поля. (Год) - (Месяц) - (Число).
В шаблоне 'registration.tpl' добавил select с пунктами выбора которые должны передавать значение в input (доп-поле).
Но тут у меня вышла проблема с несколькими select на странице.Если на странице находится один select, то все как надо.А если на странице как в моем варианте три select,то все значения попадают в один input,в первый.
Как организовать чтобы значение попадало в свой input?
Вот код:
Год
<select name="year" id="year" onchange="getValue($('#year').val(),$('#year option:selected').text());">
  <option value="0">Год</option>
   <option value="1">1998</option>
   <option value="3">1997</option>
   <option value="4">1996</option>
   <option value="5">1995</option>
   <option value="6">1994</option>
</select>
   <input type="text" name="xfield[year]"  value="" class="vash_year" />

Месяц
<select name="month" id="month" onchange="getValue($('#month').val(),$('#month option:selected').text());">
  <option value="7">Месяц</option>
   <option value="8">Январь</option>
   <option value="9">Февраль</option>
   <option value="10">Март</option>
</select>
   <input type="text" name="xfield[month]"  value="" class="vash_month" />

Число
<select name="day" id="day" onchange="getValue($('#day').val(),$('#day option:selected').text());">
  <option value="11">Число</option>
   <option value="12">1</option>
   <option value="13">2</option>
   <option value="14">3</option>
   <option value="15">4</option>
   <option value="16">5</option>
</select>
   <input type="text" name="xfield[day]"  value="" class="vash_day" />

И вот скрипт
<script type="text/javascript">
   function getValue(theId,thePol) {
       $(".pol_id, .day_id, .month_id").val(theId);// Выводит значение с (value)
       $(".vash_pol, .vash_month, .vash_day").val(thePol);// Выводит значение (текста)
     }
</script>

Данный способ я нашел в интернете года 2 назад.

Ответил: ПафНутиЙ


Можно сделать проще:
<select name="xfield[year]"  id="year">
    <option value="">не указано</option>
    <option value="10">10</option>
    <option value="20">20</option>
    <option value="30">30</option>
    <option value="40">40</option>
</select>

<select name="xfield[month]"  id="month">
    <option value="">не указано</option>
    <option value="10">10</option>
    <option value="20">20</option>
    <option value="30">30</option>
    <option value="40">40</option>
</select>

<select name="xfield[day]"  id="day">
    <option value="">не указано</option>
    <option value="10">10</option>
    <option value="20">20</option>
    <option value="30">30</option>
    <option value="40">40</option>
</select>


Выбранные селекты будут отправляться в форме, так что дополнительно ничего писать по идее не нужно.

Комментарии пользователей (3)

monach
46 | 13

monach - 6 августа 2013 00:33 - Юзер

Я нашел очень хороший хак который заменяет доп-поля.MOREUSERINFO ЧАСТЬ 1: ПОЛ И ДАТА РОЖДЕНИЯ

monach
46 | 13

monach - 6 августа 2013 00:38 - Юзер


Вот и скрин как я сделал заказчику.

OneEpicFail
2

OneEpicFail - 24 августа 2015 12:56 - Юзер

Оно не сохраняется

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 30.06.2014 cracken  jQuery