За последние 24 часа нас посетили 17720 программистов и 1702 робота. Сейчас ищут 1008 программистов ...

Динамическое обновления div при выборе select

Тема в разделе "JavaScript и AJAX", создана пользователем S_t_e_e_p, 5 авг 2012.

  1. S_t_e_e_p

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

    С нами с:
    12 июл 2012
    Сообщения:
    181
    Симпатии:
    4
    Судя из названия темы вы поняли что мне нужно. Пожалуйста помогите мне это сделать.
     
  2. sobachnik

    sobachnik Старожил

    С нами с:
    20 апр 2007
    Сообщения:
    3.380
    Симпатии:
    13
    Адрес:
    Дмитров, МО
    На select добавляешь JavaScript-обработчик события onchange, который будет менять div при изменении select-а.

    Добавлено спустя 11 минут 52 секунды:
    Простой примерчик кода, если нужно:
    Код (Text):
    1. <!DOCTYPE html>
    2. <html>
    3.     <head>
    4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5.         <title>Onchange test</title>
    6.         <script type="text/javascript">
    7.             function selectChanged() {
    8.                 var sel = document.getElementById('myselect');
    9.                 var str = sel.selectedIndex ? (sel.options[sel.selectedIndex].innerHTML + ' selected') : 'City not selected';
    10.                 document.getElementById('mydiv').innerHTML = str;
    11.             }
    12.         </script>
    13.     </head>
    14.     <body>
    15.         <select name="city" id="myselect" onchange="javascript:selectChanged();">
    16.             <option value="0">Select city...</option>
    17.             <option value="1">Moscow</option>
    18.             <option value="2">St.Peterburg</option>
    19.             <option value="3">New York</option>
    20.         </select>
    21.         <div id="mydiv">City not selected</div>
    22.     </body>
    23. </html>
     
  3. S_t_e_e_p

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

    С нами с:
    12 июл 2012
    Сообщения:
    181
    Симпатии:
    4
    Спасибо уже разобрался)