Вместо этого возвращается выбранная опция захвата, которая не определена ⇐ Jquery

[Anonymous]

Мне нужно зафиксировать выбранный параметр пользователя и отправить это значение в запросе на публикацию.
Давайте проигнорируем часть сообщения, поскольку она не имеет прямого отношения к вопросу.
Но сейчас значение отображается как неопределенное.
CodePen: https://codepen.io/ogonzales/pen/yLyQQaP
У меня есть этот JS, но lista_id, значение, которое мне нужно захватить, отображается как неопределенное. Почему?

Я пытался установить это как глобальную переменную. В JS вы увидите предупреждение, это предупреждение не определено для lista_id

JS:

$("#agregarProducto1").click(function () {
var lista_id;
$('#listas-de-usuario').change(function() {
var lista_id = $(this).find('option:selected').val();
});
alert(lista_id);
// $.post("{% url 'listas/agregar-producto/", {
// c_slug: "cuadernos",
// s_slug: "Cuadernos",
// product_slug: "cuadernos-rojos",
// lista_id: lista_id,
// });
});



Подробнее здесь: https://stackoverflow.com/questions/598 ... ed-instead