За последние 24 часа нас посетили 17563 программиста и 1677 роботов. Сейчас ищут 1986 программистов ...

Помогите из двух JS (jQuery.AJAX) сделать один

Тема в разделе "JavaScript и AJAX", создана пользователем Roomlife, 14 ноя 2013.

  1. Roomlife

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

    С нами с:
    6 авг 2010
    Сообщения:
    34
    Симпатии:
    0
    Уважаемые форумчане, помогите слепить два разных скрипта в единое целое.
    Есть PHP код:
    Код (Text):
    1. <html>
    2.  
    3. <meta http-equiv="Content-Type" content="text/html" charset="utf-8"/>
    4. <script src="JS/jquery.min.js" type="text/javascript"></script>
    5. <script src="JS/add2.js" type="text/javascript"></script>
    6. <link href="css/style2.css" rel="stylesheet" type="text/css">
    7.  
    8. <div class="uchastok_wrapper">
    9. <ul id="responds">
    10.  
    11. <?php
    12. //подключаем конфигурационный файл
    13.  
    14. include_once("config.php");
    15. include ("menu.php");
    16.  
    17. // Выбираем из БД все отделения
    18.     $query = mysql_query("SELECT * FROM filial");
    19.     $options = '<option value="0">Выберите отделение</option>';
    20.    
    21.     // В цикле формируем список
    22.     while( $resilt = mysql_fetch_assoc( $query ) )
    23.     {
    24.         $options .= '<option value="'.$resilt['id'].'">  '.$resilt['otdelen'].'</option>';
    25.     }
    26. ?>
    27. <body>
    28.     <!--Это список отделений-->
    29.     <select id="number_otdelen">
    30.         <?=$options?>
    31.     </select>
    32.     <!--/Это список отделений-->
    33.  
    34. <div id="uchastki">
    35.  
    36. </div>
    37. </body>
    38. </html>
    39. <br>
    40.  
    41. </ul>
    42. <div class="form_style">
    43. <textarea name="uchastok_txt" id="uchastokText" cols="45" rows="5"></textarea>
    44. <button id="FormSubmit">Добавить участок</button>
    45. </div>
    46. </div>
    И есть JAVA
    Код (Text):
    1. $(document).ready(function() {
    2.     // Добавляем новую запись, когда произошел клик по кнопке
    3.     $("#FormSubmit").click(function (e) {
    4.  
    5.         e.preventDefault();
    6.  
    7.         if($("#uchastokText").val()==="") //simple validation
    8.         {
    9.             alert("Введите текст!");
    10.             return false;
    11.         }
    12.  
    13.         var myData = "uchastok_txt="+ $("#uchastokText").val(); //post variables
    14.  
    15.         jQuery.ajax({
    16.             type: "POST", // HTTP метод  POST или GET
    17.             url: "SendData.php", //url-адрес, по которому будет отправлен запрос
    18.             dataType:"text", // Тип данных,  которые пришлет сервер в ответ на запрос ,например, HTML, json
    19.             data:myData, //данные, которые будут отправлены на сервер (post переменные)
    20.             success:function(response){
    21.             $("#responds").append(response);
    22.             $("#uchastokText").val(''); //очищаем текстовое поле после успешной вставки
    23.             },
    24.             error:function (xhr, ajaxOptions, thrownError){
    25.                 alert(thrownError); //выводим ошибку
    26.             }
    27.         });
    28.     });
    29.  
    30.     //Удаляем запись при клике по крестику
    31.     $("body").on("click", "#responds .del_button", function(e) {
    32.         e.preventDefault();
    33.         var clickedID = this.id.split("-"); //Разбиваем строку (Split работает аналогично PHP explode)
    34.         var DbNumberID = clickedID[1]; //и получаем номер из массива
    35.         var myData = 'recordToDelete='+ DbNumberID; //выстраиваем  данные для POST
    36.  
    37.         jQuery.ajax({
    38.             type: "POST", // HTTP метод  POST или GET
    39.             url: "SendData.php", //url-адрес, по которому будет отправлен запрос
    40.             dataType:"text", // Тип данных
    41.             data:myData, //post переменные
    42.             success:function(response){
    43.             // в случае успеха, скрываем, выбранный пользователем для удаления, элемент
    44.             $('#item_'+DbNumberID).fadeOut("slow");
    45.             },
    46.             error:function (xhr, ajaxOptions, thrownError){
    47.                 //выводим ошибку
    48.                 alert(thrownError);
    49.             }
    50.         });
    51.     });
    52. });
    53.  
    54.  
    55.  
    56. $(
    57.         function()
    58.         {
    59.            var uchastok = $("#number_otdelen").change
    60.             // при выборе отделения
    61.             $("#number_otdelen").change
    62.             (
    63.                 function()
    64.                 {
    65.                     // Если выбран не первый пункт (т.е. не "Выберите")
    66.                     if( $(this).val() != 0 )
    67.                     {
    68.                     $.ajax({
    69.             type: "POST",
    70.              url: "SendData.php",
    71.              data: "uchastok="+$(this).val(),
    72.             //При удачном завершение запроса - выводим то, что нам вернул PHP
    73.             success: function(html) {
    74.             //предварительно очищаем нужный элемент страницы
    75.              $("#uchastki").empty();
    76.             //и выводим ответ php скрипта
    77.              $("#uchastki").append(html);
    78.                         }
    79.             });
    80.                 }}
    81.             );
    82.         }
    83.     );
    При выборе селекта, идет загрузка данных.
    При отправке формы, данные добавляются в выводимую таблицу.
    Необходимо:
    При добавлении новой записи, шла проверка выбран селект или нет, если нет - то месага "выберите селект", если выбран, то, чтобы в SendData.php отправлялось не только uchastok_txt (текст) но и number_otdelen (цифра).
    Как объединить, пока не додумаю. ПыХу знаю, а вот с яваскриптом проблемы. Помогите пожалуйста.
     
  2. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    Вы когда заходите на форум, вы смотрите прикрепленные темы или так лижбы быстрее тему написать!? И чтобы за вас сделали все.
     
  3. Roomlife

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

    С нами с:
    6 авг 2010
    Сообщения:
    34
    Симпатии:
    0
    Конечно смотрю темы. То, что мне надо не нашел. Если вдруг нашли вы, будьте добры ткните носом, буду признателен.
     
  4. igordata

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

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
  5. Roomlife

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

    С нами с:
    6 авг 2010
    Сообщения:
    34
    Симпатии:
    0
    igordata , не совсем =) в том примере - выбор селекта и вывод данных.
    У меня это реализовано, при выборе селекта, данные выводятся, все ОК. При добавлении данных в форме тоже добавляются.
    А надо именно чтобы при вводе данных в форму, проверялся выбран селект или нет, и при отправки данных помимо текстовых данных формы отправлялась цифра выбранного селекта. Вот это у меня и не получается.
     
  6. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    Почему бы не написать туда?)