За последние 24 часа нас посетили 16704 программиста и 1694 робота. Сейчас ищет 891 программист ...

Kак сделать? Не могу догнать

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

  1. Alexei1984

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

    С нами с:
    8 апр 2012
    Сообщения:
    2
    Симпатии:
    0
    Здрвствуйте уважаемые программисты!

    при загрузке страницы есть один select, при выборе option появляется другой, как сделать чтобы при отправке формы второй select (который появился), оставался на странице с выбраным до отправки option.спасибо


    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>vicont</title>
    <script type='text/javascript'>
    <!--
    function showhideBlocks(val){
    if (val == 0){
    document.getElementById('i1').style.display='none';
    document.getElementById('i2').style.display='none';
    document.getElementById('i3').style.display='none';
    }
    else{
    document.getElementById('i1').style.display='none';
    document.getElementById('i2').style.display='none';
    document.getElementById('i3').style.display='none';
    document.getElementById('i'+val).style.display='block';
    }
    }
    -->
    </script>
    <style type='text/css'>
    #i1,#i2,#i3{display:none}
    </style>
    </head>
    <body>

    <form action="" method="post" enctype="multipart/form-data"> <select name="items" onChange="showhideBlocks(this.value)">
    <option value="0">Показать.</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    </select>
    <select name="" id="i1"><option>тут набор 1</option></select>
    <select name="" id="i2"><option>тут набор 2</option></select>
    <select name="" id="i3"><option>тут набор 3</option></select>

    <input name="" type="submit">
    </form>

    </body>
     
  2. smitt

    smitt Старожил

    С нами с:
    3 янв 2012
    Сообщения:
    3.166
    Симпатии:
    65
    После сабмита сохрани в пхп скрипте значение, когда будешь генерировать страницу заново проверь если выбран этот select отобрази.

    JavaScript не получится т.к. страница перегружается
     
  3. YSandro

    YSandro Старожил

    С нами с:
    7 апр 2011
    Сообщения:
    2.523
    Симпатии:
    2
    Код (PHP):
    1. <?php
    2. $itemsValue=(isset($_POST['items']))?$_POST['items']:-1;
    3. $display='none';
    4. ?>
    5. отправлено из items: <?php echo $itemsValue ?>
    6. <hr/>
    7. <script type='text/javascript'>
    8. function showhideBlocks(val){
    9.     if(val==0){
    10.         document.getElementById('i1').style.display='none';
    11.         document.getElementById('i2').style.display='none';
    12.         document.getElementById('i3').style.display='none';
    13.     }else{
    14.         document.getElementById('i1').style.display='none';
    15.         document.getElementById('i2').style.display='none';
    16.         document.getElementById('i3').style.display='none';
    17.         document.getElementById('i'+val).style.display='block';
    18.     }
    19. }
    20. </script>
    21. <style type='text/css'>
    22. #i1{display:<?php echo ($itemsValue==1)?'block':$display ?>;}
    23. #i2{display:<?php echo ($itemsValue==2)?'block':$display ?>;}
    24. #i3{display:<?php echo ($itemsValue==3)?'block':$display ?>;}
    25. </style>
    26. <form action="" method="post" enctype="multipart/form-data">
    27.     <select name="items" onChange="showhideBlocks(this.value)">
    28.         <option value="0"<?php echo ($itemsValue==0)?' selected="selected"':'' ?>>Показать.</option>
    29.         <option value="1"<?php echo ($itemsValue==1)?' selected="selected"':'' ?>>1</option>
    30.         <option value="2"<?php echo ($itemsValue==2)?' selected="selected"':'' ?>>2</option>
    31.         <option value="3"<?php echo ($itemsValue==3)?' selected="selected"':'' ?>>3</option>
    32.     </select>
    33.     <select name="" id="i1"><option>тут набор 1</option></select>
    34.     <select name="" id="i2"><option>тут набор 2</option></select>
    35.     <select name="" id="i3"><option>тут набор 3</option></select>
    36.     <input type="submit"/>
    37. </form>
     
  4. Alexei1984

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

    С нами с:
    8 апр 2012
    Сообщения:
    2
    Симпатии:
    0
    YSandro, не знаю, что и сказать 'урааааа' все работает, блин 2 дня гуглил, потом сам пытался написать - не допер, молодец, спасибо огромное! выручил.

    Добавлено спустя 43 секунды:
    а ну да, тема закрыта)))