Дата рождения с помощью select и javascript

@Danisa · Регистрация: 23.10.2011

Author24 — интернет-сервис помощи студентам

привет всем.У кого есть код, который генерирует дни месяца, названия месяца и года начиная с 1920. А то я столько <option> не хочу писать в ручную. Знаю , что можно сделать с помощью js,тока я ее не знаю. Спасиба

Добавлено через 13 часов 38 минут
я тут кое-что написала.вроде все нормально, а не работает. может скажите в чем дело??

HTML5

<html>
<head>
<script type="text\javascript">
function writeMonthOptions()
{
var Months = ["Jan","Feb","Mar","Apr","May","Jun","Jul","A ug","Sep","Oct","Nov","Dec"]
 
for (monthCounter = 0; monthCounter < Months.length; monthCounter++)
{
    document.write("<option value="+(monthCounter+1)+">" + Months[monthCounter]+" </option>");
}
}
</script>
</head>
<body>
<form>
<select name="Month">
writeMonthOptions();
</select>
<select name="day">
<script type="text\javascript">
for(var i=1; i<13; i++){
    document.write("<option value="+i+">"+i+"</option>");
}
</script>
</select>
<select name="year">
<script type="text\javascript">
var start=1900;
var eнd=2012;
for(var i=1 k=start; k<end; k++ i++){
    document.write("<option value="+i+">"+k+"</option>");
}
</script>
</select>
</form>
</body>
</html>

@GuardCat · 15.11.2011, 16:24

Danisa, вы не изучаете PHP, случаем? Впервые вижу, как JS пытаются использовать в качестве PHP. Это неверный подход. И, кстати, за переменную с именем «енd» следует пороть.

Вот вариант, который может вам подойти:

Javascript

<html>
<head>
<body>
    <select id = "days"></select><select id = "months"></select><select id = "years"></select>
    <script type = "text/javascript">
        /*
            Функция injectSelect принимает объект select и ассоциативный массив.
            Select очищается, затем в него добавляются элементы option,
            значение которых устанавливают ключи массива, а текст — значения массива.
            Ничего не возвращает.
        */
        function injectSelect (sel, rowsObject) {
            var opt, x;
            sel.innerHTML = "";
            for (x in rowsObject) {
                opt = document.createElement("option");
                opt.value = x;
                opt.innerHTML = rowsObject[x];
                sel.appendChild(opt);
            }
        }
        /*
            Функция makeNumbersObject принимает два числа. Возвращает ассоциативный массив
            ряда чисел от меньшего к большему, включительно. 
        */
        function makeNumbersObject (from, to) {
            var result = {}, x;
            if(from > to) { // Если from меньше to, поменять их значения друг на друга.
                var z = from;
                from = to;
                to = z;
            }
            for (x = from; x <= to; x++) {
                result[x] = x;
            }
            return result
        }
        injectSelect(document.getElementById("months"), {
            jan:"Январь", feb:"Февраль", mar:"Март", apr:"Апрель", 
            may:"Май", jun:"Июнь", jul:"Июль", avg:"Август", 
            sep:"Сентябрь", okt:"Октябрь", nov:"Ноябрь", dec:"Декабрь"
        }); // Наполняем месяца
        injectSelect(document.getElementById("years"), makeNumbersObject(1920, 2012)); // Наполняем года
        injectSelect(document.getElementById("days"), makeNumbersObject(1, 31));// Наполняем дни
    </script>
</body>
</html>

Минусы моего решения:
1. Не контролируется, сколько реально дней в выбранном месяце. Т.е. пользователь может выбрать 31 Февраля, например. Следует или включить контроль в код или проверять данные по факту отправки.

@Karpo · 15.11.2011, 16:27

Javascript

1	var Months = ["Jan","Feb","Mar","Apr","May","Jun","Jul","A ug","Sep","Oct","Nov","Dec"]

Нет точки с запятой на конце. Первое, что бросилось в глаза, а вообще консоль Google Chrome'а тебе в помощь

	15.11.2011, 16:27

Дата рождения с помощью select и javascript

Решение