Нет результата с динамическим выпадающим списком

Нет результата с динамическим выпадающим спискомI прикрепили код для получения динамического выпадающего списка из БД. когда пользователь выбирает из первого раскрывающегося списка с помощью onChange (), данные второго раскрывающегося списка будут извлечены в зависимости от выбора первого раскрывающегося списка. Однако я могу получить первый выпадающий список, но не могу получить второй выпадающий список. Похоже, что ajax не вызывается.

ДРУГОЙ ВОПРОС:

Могу ли я вместо этого сделать радиокнопку для второго выпадающего списка

Спасибо

<?php

echo"1"
if (isset($_POST['get_option']))
{
 $host = 'localhost';
 $user = 'root';
 $pass = 'root';
 mysql_connect($host, $user, $pass);
 mysql_select_db('db_photography');
 $state = $_POST['get_option'];
 $find=mysql_query("select city from places where state='$state'");
 while($row=mysql_fetch_array($find))
 {
	 echo"1";
  echo "<option>".$row['city']."</option>";
 }
 exit;
}
?>
<html>
<head>
<link rel = "stylesheet" type = "text/css" href = "select_style.css">
<script type = "text/javascript" src = "jquery.min.js"></script>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type = "text/javascript">
function fetch_select(val)
{
 $.ajax({
 type: 'post',
 url: 'fetch_data.php',
 data: {
  get_option:val
 },
 success: function (response) {
  document.getElementById("new_select").innerHTML=response; 
 }
 });
}

</script>

</head>
<body>
<p id = "heading">Dynamic Select Option Menu Using Ajax and PHP</p>
<center>
<div id = "select_box">
 <select onchange = "fetch_select(this.value);">
  <option>Select state</option>
  <?php
  $host = 'localhost';
  $user = 'root';
  $pass = 'root';
  mysql_connect($host, $user, $pass);
  mysql_select_db('db_photography');

  $select=mysql_query("select state from places group by state");
  while($row=mysql_fetch_array($select))
  {
   echo "<option>".$row['state']."</option>";
  }
 ?>
 </select>

 <select id = "new_select">
 </select>
	  
</div>     
</center>
</body>
</html>

Как выглядит response? Поскольку new_select является элементом опции выбора, вы можете добавить к нему теги option.

Sachi Tekina 06.06.2018 02:25

пустой результат. выпадающий список не открывается. вы можете увидеть картинку

Mohammed 06.06.2018 02:28

Функция вызывается? Попробуйте в своем запросе "select city from places where state='.$state.'"

Sachi Tekina 06.06.2018 02:37

мне кажется, что весь файл не выполняется. Я попытался повторить эхо «1»; но он не выполняет

Mohammed 06.06.2018 02:41

Возможно, расположение вашего файла PHP

Sachi Tekina 06.06.2018 02:43

они находятся в одной папке. правильный ли код Ajax. Я новичок в этом

Mohammed 06.06.2018 02:44
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
6
64
0

Другие вопросы по теме