Как инициализировать функцию по CHANGE SELECT?

Question

[Cheizer]

Есть функция на сайте которая AJAXом передает данные из формы в файл на отправку. Передает она по событию SUBMIT по кнопке. Как изменить это, и сделать так, что бы функция SUBMIT запускалась по событию select CHANGE?
И передать в serialize() выбранные данные из select текущей формы?

Пробую так:

getValFromSelect: function () {
		var selectchange =  $('select').change(function() {
		return this.selected.val;
		_.submitFu()
    });
},

А вот весь код:

$(function() {
    $.fn.forms = function (o) {
      return this.each(function () {

	  var th = $(this),
                _ = th.data('forms') || {

			fadeSpeedL: '200', 
			ajaxContainerSelector: 'ajax-container', 

			
			
getValFromSelect: function () {
		var selectchange =  $('select').change(function() {
		return this.selected.val;
		_.submitFu()
    });
},		
				
        submitFu: function () {
						
		$.ajax({
			data: _.form.serialize(),
		}).done(function(response) {
			var $response = $(response);
			$(_.ajaxContainerSelector).fadeOut(_.fadeSpeed);
			setTimeout(function() {
				$(_.ajaxContainerSelector).html($response.find(_.ajaxContainerSelector).html()).fadeIn(_.fadeSpeed);
			}, _.fadeSpeed);
		});
			
console.log(_.form.serialize());
                    },
                    init: function () {
                        _.form = _.me
                        _.form
                            .bind('submit', function () {
                                    _.submitFu()
                            })
                    }
                }
	        _.me || _.init(_.me = th.data({
                forms: _
            }))
            typeof o == 'object' && $.extend(_, o)
  })
}
});

Памагитееее!! Не хватает мозгов в js это решить :(

Comments

[Дмитрий Беляев]

Эта строчка: _.submitFu() никогда не выполнится, так как идет после return

[Cheizer]

Дмитрий Беляев, спасибо, так как же мне запустить _.submitFu() функцию при CHAGE SELECT?

Answer 1

[Yusif Zourab]

Вы объявляете функцию, но не вызываете.

$('select').change(function() {
    let selected = this.selected.val;
    _.submitFu();
    });

Как-то так.

Comments

[Cheizer]

Спасибо, но на такой формат внутри функции общей, ругается JS ошибка
Uncaught TypeError: $(...).forms is not a function

Если выношу за пределы функции и вызываю там то JS ругается на строку
let selected = this.selected.val;
Если ее убрать то ругается на отсутсвие функции Uncaught ReferenceError: _ is not defined

Нужно как то так внутри
getValFromSelect: function () {
var selectchange = $('select').change(function() {
_.submitFu()
});
},

Или если снаружи функции общей $.fn.forms = function (o) {}
То я не знаю как снаружи вызвать внутреннюю функцию _.submitFu() :(