Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

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

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

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 23.05.2019, 11:47   #1
reanimatik
Пользователь
 
Регистрация: 21.08.2018
Сообщений: 27
По умолчанию Вывод 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, 12:08   #2
web-coder
Пользователь
 
Аватар для web-coder
 
Регистрация: 27.05.2019
Сообщений: 70
По умолчанию

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


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
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