Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail


Донат для форума - использовать для поднятия настроения себе и модераторам

А ещё здесь можно купить рекламу за 15 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru

Ответ
 
Опции темы
Старый 23.05.2019, 12:47   #1
reanimatik
Пользователь
 
Регистрация: 21.08.2018
Сообщений: 27
Репутация: 10
По умолчанию Вывод select при нажатии другого select

Есть файл services.php , где при нажатии одного данные второго select зависят от того, что пользователь выберет в первом.

services.php

Код:

$sql="SELECT distinct * FROM olimp";
                $res=$db->query($sql);
                ?> 
				<h2 class="heading-agileinfo text-center pb-4">Записаться на олимпиаду</h2>
                <div class="col-md-9 n-right-w3ls">
               <!-- <form action="action_index.php" method="POST">-->
						<div class="row">
                        <h4 for="olimp">Выберите олимпиаду</h4><br>
                       
                        <select  id="olimp" class="olimp" >
                        <? while ($olimp=$res->fetch_assoc()){ ?>
									<option > <?=$olimp['name']?></option>
                                    <?}?>
                       </select> 
					   
					   <section class="select1">
								
					   </section>
				   
                       
                       
						</div>
					<!--	 </form>-->
                         </div>
            <?}?>
			
					<script type="text/javascript">
					$(document).ready(function(){
						
						$("select.olimp").click(function(){
							var name=$("select.olimp").val();
							//$("section.select1").append("<p>cvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvh cvh</p>");
							console.log(name);
							
							

							 $.ajax({
										method:"POST",
										dataType:"JSON",
										url:"server_select.php",
										data:{
											"name":name ,
											
											},
										success:function(data){
											console.log(data);
											$("section.select1").empty();
											$("section.select1").append(data.rez);
											

											},
									}); 

						});

				});
</script>

При чем за комментированная строка

"//$("section.select1").append("<p>cvh cvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcv hcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhc vhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvh cvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcvhcv hcvhcvhcvhcvh cvh</p>");"

выводится, значит, я думаю, проблема, скорее в слд. файле

Происходит передача через ajax на файл server_select.php, который находится в этой же директории, что и первый файл

server_select.php

Код:


<?
	include "bd.php";
	
	
	
	if (isset($_POST['name'])){ 
	$name=$_POST['name'];
	$sql="SELECT distinct city FROM olimp WHERE name = '$name'";
	$result=$db->query($sql);
	$res=" <h4 for='city_olimp'>Выберите город</h4><br>
                        <select name='city_olimp' id='city_olimp' class='city_olimp'>";
							while ($city=$result->fetch_assoc()){
							$res.="<option>".$city['city']."</option>";
							}							
						$res.="</select>";
						
	echo json_encode(array("rez"=>$res));	
	
	}
?>

reanimatik вне форума   Ответить с цитированием
Старый 29.05.2019, 13:08   #2
web-coder
Пользователь
 
Аватар для web-coder
 
Регистрация: 27.05.2019
Сообщений: 27
Репутация: 10
По умолчанию

1. Отслеживайте не клик, а change (изменение значения) первого селекта
2. Для начала, попытайтесь получить какой нибудь статичный ответ от сервера (без обращения к БД). Если все ок, постепенно увеличивайте код в server_select.php и смотрите на каком этапе у вас происходит ошибка.
3. В конечном итоге с сервера лучше возвращать json массива значений второго селекта. А формировать список вы сможете уже на клиентской стороне.
web-coder вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JSP + HQL: как в блоке <select></select> вызвать метод из DAO? Blondy Java для Web (EE, Servlet, JSP, Tomcat, Spring MVC) 4 01.06.2013 15:54
Вывод данных (select) manula PHP 2 03.08.2012 11:36
В зависимости от выбора в Select изменить значения другого Select Tayfun HTML и CSS 3 18.08.2011 00:05
Select t1.N,t1.FIO,(select t2.acc from t2 where t2.type=1) from t1,t2 mavlon_m SQL, базы данных 2 17.09.2009 15:28
Передача значения в <select></select> kkkggg Gamedev - cоздание игр: Unity, OpenGL, DirectX 1 06.09.2007 00:26


19:41.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.

Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru