За последние 24 часа нас посетили 17377 программистов и 1264 робота. Сейчас ищут 1610 программистов ...

Select Box

Тема в разделе "JavaScript и AJAX", создана пользователем dahoolseda, 21 апр 2007.

  1. dahoolseda

    dahoolseda Активный пользователь

    С нами с:
    21 апр 2007
    Сообщения:
    3
    Симпатии:
    0
    Добрый день!

    Я новичок в программирование на пхп. столкнулся со следующей проблемой. помогите сделать следующие, при выборе значение в 1-ом селект боксе, во тором селект боксе появляется нужная инфа. процес такой, при выборе значения в 1-ом, по ИД этого значения, во втрой селект из базы выбираются значения!!!
     
  2. Luge

    Luge Старожил

    С нами с:
    2 фев 2007
    Сообщения:
    4.680
    Симпатии:
    1
    Адрес:
    Минск
    Самые основы. Как работает PHP.
    если данных не много, то можно сделать на JS, поиск рулит
    если информации много, то либо AJAX, что, видимо, рано; либо делать каждый select box на новой странице после выборки из БД на основе предыдущего выбора.
     
  3. dahoolseda

    dahoolseda Активный пользователь

    С нами с:
    21 апр 2007
    Сообщения:
    3
    Симпатии:
    0
    А как это реализовать на JS, если конечно не трудно!

    Большое спасибо за ответ!!!
     
  4. Luge

    Luge Старожил

    С нами с:
    2 фев 2007
    Сообщения:
    4.680
    Симпатии:
    1
    Адрес:
    Минск
    как-то так
    Код (Text):
    1. <html>
    2. <head>
    3.  <script language="JavaScript" type="text/javascript">
    4.   var myItems = new Array(2)
    5.   myItems[0] = new Array(3);
    6.   myItems[0][0] = "раз";
    7.   myItems[0][1] = "два";
    8.   myItems[0][2] = "три";
    9.   myItems[1] = new Array(2);
    10.   myItems[1][0] = "ya.ru";
    11.   myItems[1][1] = "google.com";
    12.  
    13.   function mySelectChange()
    14.   {
    15.     var mySelect = document.getElementById("mySelect");
    16.     var myDetailSelect = document.getElementById("myDetailSelect");
    17.     var mySelectIndex = mySelect.selectedIndex;
    18.     for (i = myDetailSelect.options.length; i--; ) myDetailSelect.options.remove(0);
    19.     for (i = 0; i < myItems[mySelectIndex].length; i++)
    20.     {
    21.       var oOption = document.createElement("OPTION");
    22.       myDetailSelect.options.add(oOption);
    23.       oOption.innerText = myItems[mySelectIndex][i];
    24.       oOption.value = i;
    25.     }
    26.   }
    27.  </script>
    28. </head>
    29. <body onLoad="mySelectChange()">
    30.  <form>
    31.  
    32.     <table border="0">
    33.       <tr>
    34.         <td>Раз</td>
    35.         <td>Два</td>
    36.       </tr>
    37.       <tr>
    38.         <td><select id="mySelect" onChange="mySelectChange()">
    39.             <option value="1">Значение 1</option>
    40.             <option value="2">Значение 2</option>
    41.             </select>
    42.         </td>
    43.         <td><select id="myDetailSelect" /></td>
    44.       </tr>
    45.     </table>
    46.  </form>
    47. </body>
    48. </html>
     
  5. dahoolseda

    dahoolseda Активный пользователь

    С нами с:
    21 апр 2007
    Сообщения:
    3
    Симпатии:
    0
    Огромное САПСИБО!!! Реально выручили!!! Благадарю!!!!