Почему не работает код?

Question

[andreyiginov]

Здравствуйте! Подскажите пожалуйста, почему не работает?

Вот HTML(если он нужен):

<select id="vehicles_make_select_id">
	<option value="-1" disabled selected>Select Make</option>
</select>

Вот JavaScript:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
$(document).ready (
	function () {
		$("#vehicles_year_select_id").bind("change", function () {
			$("#vehicles_make_select_id").empty();
				$.get("vehicles_make.php", {vehicles_year_id: $("#vehicles_year_select_id").val()}, function (data) {
					data = data!="" ? JSON.parse(data) : {};
					for(var id in data) {
						$("#vehicles_make_select_id").append($("<option value='" + id + "'>" + data[id] + "</option>"));
					}
		});
	});
});

Вот PHP:

if($_GET["vehicles_year_id"] !== -1) {
    $dewrq = $_GET["vehicles_year_id"];
    
    $drert = array();
    $rerwe = array('avocado', 'apple', 'banana');

    $link = mysqli_connect(
        'localhost',  
        'user',
        'password',   
        'db');

    if (!$link) {
    printf("Невозможно подключиться к базе данных. Код ошибки: %s\n", mysqli_connect_error());
    exit;
    }

    if ($result_id = mysqli_query($link, 'SELECT * FROM `wpjl_term_taxonomy` WHERE `parent` = '.$dewrq.'')) {

        while( $row = mysqli_fetch_assoc($result_id) ){
            array_push($drert, $row['term_id']);
            $cqwer = array_combine($drert, $rerwe);
            }
        $jmsv = json_encode($cqwer);
        echo $jmsv;

        mysqli_free_result($row);
    }

    mysqli_close($link);
}

Вот что должно быть:

Ключ массива должен помещаться в Value, а сам элемент массива в текст option.

А вот что на деле:


В консоле пусто.

Вроде сам PHP код рабочий. Я задал переменную с определённым значением.

И вот что получаю.


Люди добрые, подскажите пожалуйста где я накосячил?

Comments

[andreyiginov]

VicTHOR, ну я так и думал что в JS.

Я думаю что дело в этих строках:

for(var id in data) {
            $("#vehicles_make_select_id").append($("<option value='" + id + "'>" + data[id] + "</option>"));
          }

Я как-то видимо не правильно перебираю мой ассоциативный массив. Но, а как правильно, не могли бы вы подсказать?

[andreyiginov]

VicTHOR, Спасибо конечно, но я что то не совсем понимаю, а как мне это должно помочь с перебором массива?

[andreyiginov]

VicTHOR, Мне кажется что я нокосячил с перебором полученного массива

for(var id in data) {
$("#vehicles_make_select_id").append($("<option value='" + id + "'>" + data[id] + "</option>"));
}

Я видимо это как-то не правильно сделал, точнее правильно но не в моём случае.
Вы не могли бы пожалуйста подсказать как это правильно сделать (если знаете конечно)?

[andreyiginov]

VicTHOR, К сожалению ничего в консоли не выводится.

for(var id in data) {
  console.log(data);
  console.log(id);
  console.log(--);
}

[andreyiginov]

VicTHOR, С таким кодом как то глючно или через раз показывает в логе следующее:

$(document).ready (
	function () {
		$("#vehicles_year_select_id").bind("change", function () {
			$("#vehicles_make_select_id").empty();
				$.get("https://moreparts4less.com/wp-content/themes/chromium/woocommerce/single-product/vehicles_make.php", {vehicles_year_id: $("#vehicles_year_select_id").val()}, function (data) {
					data = data!="" ? JSON.parse(data) : {};
					for(var id in data) {
						console.log(data);
						console.log(id);
						console.log("--");
					}
		});
	});
});

[andreyiginov]

VicTHOR, Вот:

[andreyiginov]

VicTHOR, А вот с таким кодом:

$(document).ready (
	function () {
		$("#vehicles_year_select_id").bind("change", function () {
			$("#vehicles_make_select_id").empty();
				$.get("https://moreparts4less.com/wp-content/themes/chromium/woocommerce/single-product/vehicles_make.php", {vehicles_year_id: $("#vehicles_year_select_id").val()}, function (data) {
					console.log(data);
		});
	});
});

показывает в логе вот что:

[andreyiginov]

VicTHOR, Блин кинул скрин, а там ничего не видно. Короче там False выдаёт:

[andreyiginov]

VicTHOR, Самое интересное что если не один раз кликнуть, а несколько и плюс немного подождать, то я всё-такие получаю что хочу.

Вот код:

$(document).ready (
	function () {
		$("#vehicles_year_select_id").bind("change", function () {
			$("#vehicles_make_select_id").empty();
				$.get("vehicles_make.php", {vehicles_year_id: $("#vehicles_year_select_id").val()}, function (data) {
					data = JSON.parse(data);
					for(var id in data) {
						$("#vehicles_make_select_id").append($("<option value='" + id + "'>" + data[id] + "</option>"));
					}
		});
	});
});

[andreyiginov]

VicTHOR, Вот только не очень бы хотелось что бы оно работало через раз. Может в коде где-то всё таки не то, что оно глючит так?

Answer 1

[Игорь]

как вариант могу предположить что вы ошиблись с ID. Вы обрабатываете изменения селекта с ID vehicles_year_select_id, а у вашего селекта ID vehicles_make_select_id. Вообще я не вижу у вас в представленном HTML хоть одного элемента с ID vehicles_year_select_id