За последние 24 часа нас посетили 17807 программистов и 1719 роботов. Сейчас ищут 915 программистов ...

Отправка формы через аякс по onclick

Тема в разделе "JavaScript и AJAX", создана пользователем sergus, 26 авг 2010.

  1. sergus

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

    С нами с:
    25 авг 2010
    Сообщения:
    15
    Симпатии:
    0
    Подскажите, как сделать, чтобы вызывалась форма с городами через аякс не так, как сейчас, по нажатию на &rarr, а по onclick, сразу по выбору страны?

    Код (Text):
    1. <script type="text/javascript">
    2. $(document).ready(function(){
    3.   var options = {
    4.    target: "#showtown",
    5.     beforeSubmit: showRequest,  
    6.     success: showResponse,
    7.     timeout: 3000
    8.   };
    9.   $('#form_country').submit(function() {
    10.     $(this).ajaxSubmit(options);
    11.     return false;
    12.   });
    13. });
    14. function showRequest(formData, jqForm, options) {
    15.     var queryString = $.param(formData);
    16.     $('.ppp').show();
    17.     var queryString = $.param(formData);
    18.     return true;
    19. }
    20.  
    21. function showResponse(responseText, statusText)  {
    22.     $('img.ppp').hide();
    23.    
    24. }
    25. </script>
    26.  
    27. <form id="form_country" action="town.php" method="post">
    28. <select name="country" style="width:300px;">
    29. <option value='0'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- не имеет значения -</option>
    30.       <option value='Украина' >Украина</option>
    31.       <option value='Россия' >Россия</option>
    32.       <option value='Азербайджан' >Азербайджан</option>
    33.       <input name="submit_country" type="hidden" value="town" />
    34.       <input  id='submit' type='submit' name='submit' value='&rarr;'>
    35.      </select>
    36.      </form><img style='display: none' class='ppp' src='../blog/images/ajaxloader.gif'><div id="showtown"></div>
     
  2. engager

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

    С нами с:
    21 янв 2009
    Сообщения:
    1.106
    Симпатии:
    1
    попробуй так:

    поменять
    HTML:
    1. <select name="country" style="width:300px;">
    на
    HTML:
    1. <select id="select_country" name="country" style="width:300px;">
    поменять
    [js]$('#form_country').submit(function() {
    $(this).ajaxSubmit(options);
    return false;
    });
    [/js]

    на
    [js]$('#select_country').change(function() {
    $("#form_country").ajaxSubmit(options);
    return false;
    });
    [/js]
     
  3. sergus

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

    С нами с:
    25 авг 2010
    Сообщения:
    15
    Симпатии:
    0
    Спасибо большое! Работает!