За последние 24 часа нас посетили 17579 программистов и 1650 роботов. Сейчас ищут 859 программистов ...

Скрытый селект

Тема в разделе "JavaScript и AJAX", создана пользователем ignil, 22 янв 2015.

  1. ignil

    ignil Новичок

    С нами с:
    12 дек 2014
    Сообщения:
    10
    Симпатии:
    0
    Добрый день, нужна Ваша помощь.
    Код (Text):
    1. <html>
    2. <head>
    3. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    4. <script type="text/javascript">
    5. $(document).ready(function(){
    6. $('#getContent').change(function()
    7. {
    8. if (this.value == 'one')
    9. $.ajax({
    10. url: "http://mysite/1.php",
    11. cache: false,
    12. beforeSend: function() {
    13. $('#divContent').html('Получаем контент');
    14. },
    15. success: function(html){
    16. $("#divContent").html(html);
    17. }
    18. });
    19. return false;
    20. });
    21. });
    22. </script>
    23.  
    24. </head>
    25.  
    26.  
    27. <body>
    28. <form>
    29. <select id="getContent" name="name">
    30. <option value="zero"></option>
    31. <option value="one">1</option>
    32. <option value="two">2</option>
    33. <option value="tree">3</option>
    34. <option value="fo">4</option>
    35. <option value="five">5</option>
    36. </select>
    37. <form>
    38. </br>
    39.  
    40. <div id="divContent">
    41.  
    42.  
    43. </div>
    44.  
    45. </body>
    46. </html>
    Собственно вопрос:
    При выборе "one" в select загружается еще один select из файла, но когда выбираешь другой он должен убираться.
    Как поправить код?
     
  2. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    .hide(), .show(), .toggle()
     
  3. ignil

    ignil Новичок

    С нами с:
    12 дек 2014
    Сообщения:
    10
    Симпатии:
    0
    Спасибо, сейчас попробую.