За последние 24 часа нас посетили 16594 программиста и 1679 роботов. Сейчас ищут 887 программистов ...

автоматическое изменение интерфейса

Тема в разделе "JavaScript и AJAX", создана пользователем Miller-1981, 8 июн 2011.

  1. Miller-1981

    Miller-1981 Активный пользователь

    С нами с:
    7 июн 2011
    Сообщения:
    95
    Симпатии:
    0
    Здравствуйте. Есть к примеру select из 2-х строк(Да/нет). Как сделать например чтобы при выборе ответа Да/нет - автоматом показывалось окно text для ввода или исчезало на той же станице. Я думаю как то надо послать на туже станицу запрос при изменении select - обработать событие т.е. - подскажите как сделать на php это.
     
  2. karakh

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

    С нами с:
    11 дек 2007
    Сообщения:
    1.344
    Симпатии:
    0
    HTML:
    1. <form id="selectForm" method="post" name="selectForm">
    2.     <select name="sel" onchange="$('#selectForm').submit()">
    3.         <option value="0">Нет</option>
    4.         <option value="1">Да</option>
    5.     </select>
    6. </form>
    Это с jquery. если нет jquery то вместо $('#selectForm').submit() ставится document.forms['selectForm'] или document.selectForm

    при изменении селекта форма отправляется на сервер, который уже и обрабатывает все что надо.

    можно без отправки формы вообще.

    [js]$(document).ready(function(){
    $('#sel').change(function(){
    if ($(this).val()){
    textarea = $('<textarea name="textarea"></textarea>');
    $('#text').append(textarea);
    $('#text').show();
    }else {
    $('#text').hide();
    $('#text textarea').remove();
    }
    })
    })[/js]

    HTML:
    1.     <select name="sel" id="sel">
    2.         <option value="0">Нет</option>
    3.         <option value="1">Да</option>
    4.     </select>
    5.  
    6. <div id="text" style="display:none"></div>
    Примерно так. Я не тестил но вроде должно работать.
     
  3. Miller-1981

    Miller-1981 Активный пользователь

    С нами с:
    7 июн 2011
    Сообщения:
    95
    Симпатии:
    0
    весь код страницы для второго варианта можно без отправки на сервер - чето не работает у меня