Форум PHP программистов > Последовательный выбор в форме

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

Полная Версия: Последовательный выбор в форме

wfire

2.02.2007 - 07:26

Подскажите, пожалуйста, как можно реализовать следующее:
два выпадающих списка в форме. Содержимое второго списка зависит от выбора сделанного юзером в первом. При этом форму перезагружать нельзя.

Спустя 2 часа, 27 минут, 17 секунд (2.02.2007 - 08:53) md5 написал(а):

ищи по слову: ajax

для такого же я использовал prototype,тока у меня 5 списков было...

Спустя 2 часа, 56 минут, 22 секунды (2.02.2007 - 11:50) loginsan написал(а):

См. тему: http://www.phpforum.ru/index.php?showtopic=1858

Спустя 25 минут, 17 секунд (2.02.2007 - 12:15) wfire написал(а):

1) Заведи 2 слоя - это что значит? слой - в смысле layer?
и можно привести целиком коды обоих файлов?

Спустя 17 минут, 15 секунд (2.02.2007 - 12:32) loginsan написал(а):

Слои - это div. Немного косячно перенеслись коды из старых тем, придется повторить:
1) Файл html с формой:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Пример связки Ajax и Php</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  <script type="text/javascript" src="functions.js"></script>
</head>
<body>
  <div id="contain" class="formclass">
    <form action="./serv.php" method="post">
      <div id="d1"><select id="selp" name="selp" onchange="makeselect()"><option value="1">1</option><option value="2">2</option></select>
      </div> 
      <div id="d2">
      </div>
      <div><input type="submit" value="Go!"/></div>
    </form>
  </div>  
</body>
</html>

2) Файл javascript functions.js:

JavaScript

//Create a boolean variable to check for a valid IE instance.
var xmlhttp = false;
//Check if we are using IE.
try { //If the javascript version is greater than 5.
  xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} 
catch (e) { //If not, then use the older active x object.
  try {     //If we are using IE.
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  } 
  catch (E) {  //Else we must be using a non-IE browser.
    xmlhttp = false;
  }
}
//If we are using a non-IE browser, create a JavaScript instance of the object.
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
xmlhttp = new XMLHttpRequest();
}
 
function makeselect() {
  var val = document.getElementById("selp").value;
  var serverPage = "makeselect.php?v=" + val; //The page we are loading.
  var obj = document.getElementById("d2");
  xmlhttp.open("GET", serverPage);
  xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
      obj.innerHTML = xmlhttp.responseText;
    }
  }
  xmlhttp.send(null);
}

3)Файл makeselect.php:

PHP

<?php
  $v = $_REQUEST['v'];
  $o = "<select id="selv" name="selv"><option value="1">3</option><option value="2">4</option></select>";
  if ($v == 2) $o = "<select id="selv" name="selv"><option value="1">5</option><option value="2">6</option><option value="3">7</option></select>";
  echo $o;   
?>

Спустя 59 минут, 15 секунд (2.02.2007 - 13:32) tishka написал(а):

[url]
http://www.phpforum.ru/index.php?showtopic=377
[/url]

Правда на новом движке самого скрипта видно не будет, а только результат. Что ты можешь сделать: либо просмтреть код топика через свой браузер, либо найти аналогичную тему в старом форуме в разделе скрипты JavaScript

_____________

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

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