Jater

AJAX_SELECT

Jun 16th, 2015
245
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
  2. <script type="text/javascript">
  3.     $("select[id='ListFilterQuery']").change(function () {
  4.         // получаем то, что выбрал пользователь
  5.         var GroupNames = $("select[name=GroupName]").val();
  6.         alert(GroupNames);
  7.         // формируем строку запроса
  8.         var data = 'GroupName='+GroupNames;
  9.         // если GroupNames не пустая
  10.         if(GroupNames) {
  11.             // делаем ajax запрос
  12.             $ajax({
  13.                 type: "POST",
  14.                 url: "GoogleFilterAjax.php",
  15.                 data: data,
  16.                 beforeSend: function(html) { // запустится до вызова запроса
  17.                     $("#resultsQuery").html('');
  18.                     //$(".word").html(GroupNames);
  19.                 },
  20.                 success: function(html){ // запустится после получения результатов
  21.                     $("#resultsQuery").show();
  22.                     $("#resultsQuery").append(html);
  23.                 }
  24.             });
  25.         }
  26.         return false;
  27. });
  28. </script>
  29. <body>
  30. <select name="GroupName" class="ListFilter" id="ListFilterQuery" multiple="multiple">
  31.     <?php while($ListGroup=mysql_fetch_array($ListGroupSQL)){
  32.         echo"<option value='".$ListGroup["Group"]."'>".$ListGroup["Group"]."</option>";
  33.     }?>
  34. </select>
  35. </body>
RAW Paste Data