Форум PHP программистов > HTML форма с подгрузкой данных

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: HTML форма с подгрузкой данных

huntry

13.02.2014 - 20:34

Добрый день.
Есть такая задача:

Простая HTML форма. Где есть выпадающий список. При выборе пункта из списка, в списке нр. 2 должны подгружаться данные соответствующие тому, что я выбрал в списке 1. Проще привести такой пример: В первом списке, допустим, мы выбрали "Квартира", то в списке нр.2 должны подгрузиться на выбор, скажем, "1 комнатная", "2 комнатная" и т.д. А если в списке нр.1 выбрать не "Квартира", а "Дом", то и в списке нр.2 будут другие данные для выбора.
Если я правильно понимаю, то это jquery и ajax нужен. Но с ними я не знаком.

Может есть у кого готовый пример или скрипт?

Спасибо.

McLotos

13.02.2014 - 20:59

да, ajax, но совсем не обязательно jQuery

<!DOCTYPE html>
<html>
<head>
    <title>Untitled</title>
<script>
var users = Array('Olya','Vasya');
var admins = Array('Babuin','Org'); 
function showNames(v){
    var mas = eval(v);
    var el = document.getElementById('names');
    while(el.childNodes.length>0){
        el.removeChild(el.childNodes[el.childNodes.length-1]);
    }
    for(var i=0;i<mas.length;i++){
        var opt = document.createElement("option");
        opt.innerHTML=mas[i];
        el.appendChild(opt);
    }
}
</script>
</head> 
<body onload="showNames('admins')"> 
<select id="level" onchange="showNames(this.value)">
    <option value="admins">ADMIN</option> 
    <option value="users">USER</option> 
</select> 
<select id="names">     

</select>
 </body>
</html>

можно ещё почитать вот это
а ещё вот здесь много

_____________
программирование - инструмент для решения конкретных задач, любая попытка спроектировать что-то универсальное приведет к провалу.©paul85
В любом случае тебе прийдётся пройти путь изобретения велосипеда, который прошли другие, только причиной твоего изобретения будет непонимание принципов работы велосипеда изобретённого другими людьми.©SlavaFr
jQuery это попытка использовать АН-225 для перевозки зубочистки

Быстрый ответ:

Здесь расположена полная версия этой страницы.