Forum PHP.pl > [AJAX][MySQL][PHP]Podwójna lista rozwijana nie działa przy wyborze pierwszego

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [AJAX][MySQL][PHP]Podwójna lista rozwijana nie działa przy wyborze pierwszego

Stron: 1, 2

nospor

12.10.2016, 10:55:30

Cytat

ReferenceError: val is not defined

data: "Marka_ID="+val,

Naprawde my to mamy sprawdzac za ciebie poraz kolejny? NIe, ten kod nie jest poprawny. Mowi ci o tym wyraznie komunikat bledu

timeo

12.10.2016, 12:01:46

Ok. Zrobiłem tak jak mówiliście i niestety nie pojawiają się marki. W konsoli nie widzę żadnych błędów chyba że jest inna konsola niż ta wyświetlana F12.
(Pewnie macie mnie dość

)

[PHP] pobierz, plaintext 
<?php include('../configbase.php');
error_reporting(E_ALL);
ini_set('display_errors',1); 
 ?>
<!Doctype html>
<html>
<head>
<title></title>
<script src="//code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
function getId(val){
 
 $.ajax({
type: "POST",
url: "getdata.php",
data:  "Marka_ID=",
success: function(data){
  $('#listamodeli').html(data);
}
 
 });
}
 $('select[name="marka"]').on('change', function(e) {
getId(this.value);
});
 
</script>
</head>
<body>
<label>Marka</label>
<select name="marka">
<option value=""> Wybierz Markę</option>
  <?php
  $result = $db->query('SELECT * FROM Marki');
 // $result ->execute();
  //
$key = $result->fetchAll(PDO::FETCH_ASSOC);
 
foreach ($key as $marki) 
{
?>
<option value="<?php echo $marki["Marka_ID"]; ?>"><?php echo $marki["Marka"];?> </option>
<?php
 }
?>
</select>
 
<label>Model</label>
<select name="model" id="listamodeli">
<option value=""></option></select>
 
 
</body>
</html>
[PHP] pobierz, plaintext

kapslokk

12.10.2016, 12:15:23

[JAVASCRIPT] pobierz, plaintext 
 $('select[name="marka"]').on('change', function(e) {
getId(this.value);
});
[JAVASCRIPT] pobierz, plaintext

Wsadz w $(function(){});
Czyli

[JAVASCRIPT] pobierz, plaintext 
$(function(){
 $('select[name="marka"]').on('change', function(e) {
getId(this.value);
});
});
[JAVASCRIPT] pobierz, plaintext

Bo przy załadowaniu strony jeszcze nie masz selecta, a juz probujesz do niego przypisac event.

2.

[JAVASCRIPT] pobierz, plaintext 
data:  "Marka_ID=",
[JAVASCRIPT] pobierz, plaintext

Chyba by wypadalo tutaj wstawic id, prawda?

viking

12.10.2016, 12:15:27

Miałeś już poprawnie ale strasznie chcesz nas chyba zirytować. Cofnij się do http://forum.php.pl/index.php?s=&showt...t&p=1201912 i zastosuj. DOM nie jest gotowy przed operacją na nim.

timeo

12.10.2016, 12:26:53

Poprawiłem. Działa.
Teraz zabieram się za resztę poprawek.
Panowie - przepraszam, uczę się jeszcze a nie zawsze wszystko można umieć jak się w tym zaczyna.

[PHP] pobierz, plaintext 
<script src="//code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
function getId(val){
 
 $.ajax({
type: "POST",
url: "getdata.php",
data:  "Marka_ID="+val,
success: function(data){
  $('#listamodeli').html(data);
}
 
 });
}
$(function(){
 $('select[name="marka"]').on('change', function(e) {
getId(this.value);
});
});
</script>
[PHP] pobierz, plaintext

nospor

12.10.2016, 12:39:13

Cytat

a nie zawsze wszystko można umieć jak się w tym zaczyna.

Nikt do ciebie nie ma pretensji ze czegos nie umiesz.
To co nas drazni to fakt, ze nie czytac co sie do ciebie pisze i nie sprawdzasz konsoli bledow.

timeo

12.10.2016, 12:40:37

A wiecie co oznacza? Pokazywało mi to wcześniej. Czego szukać w JS czy w kodzie PHP?

[PHP] pobierz, plaintext 
Uncaught SyntaxError: Unexpected token <
[PHP] pobierz, plaintext

Panowie to Wy mi pokazaliście konsolę błędów i obiecuję, że będę z niej korzystał.
Dziękuję za pomoc.

viking

12.10.2016, 12:54:27

Konsola pokaże ci błędy JS. Jeśli jakieś są (bo np. włączyłeś wyświetlanie błędów jak w tym wyjątku PDO) widzoczne będą w odpowiedzi. Tu ci zresztą brakuje obsługi błędów, jest success tylko.

Uprzedzając pytanie: https://api.jquery.com/deferred.fail/

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.