Как вставить функцию в запрос

[sloneCH]

Добрый день,
Есть запрос

$.ajax({
        url: '/product/getData.php',
        success: function (data) {
        var option = '<option value="не выбрано||0||0" data-u1="0" data-w1="0">не выбрано</option>';

	data.n.forEach(function (item) {
            option += '<option value="'+item.Total+'||0||0" data-u="0">'+item.Total+'</option>'
            });
            option += '</optgroup>';
            $('.CalculationType1').attr('data-value', '1');
            $('.CalculationType1').html(option);
		   }
    });

Выборка из базы данных без проблем.
Каким образом можно вставить функцию javascript (format (option))в ajax запрос и использовать данных из базы данных mySQL, т.е. подставить вместо слова Пример к примеру данные из поля Description?

function format (option) {
			console.log(option);
			if (!option.id) { return option.text; }
			var ob = '<span style="color:green; width:150px;">Пример</span> '+option.text;	
      
            return ob;
            
            
		};

Т.е. как правильно это сделать.
Спасибо.

[laimas]

использовать данных из базы данных mySQL, т.е. подставить вместо слова Пример к примеру данные из поля Description

Пояснили бы более доходчиво что к чему, что такое <span style="color:green; width:150px;">Пример</span> и т.д.

[sloneCH]

<span style="color:green; width:150px;">Пример</span> - это сделал цвет зеленым. Можно конечно и <font color="green">.
Вот скрин

Товар 1, Товар 2 и т.п. у меня получается вывести с помощью ajax запроса.
А слово Пример я вывел с помощью последней функции в первом моем сообщении.
Как засунуть в запрос функцию вывода слова Пример не знаю. Т.е. вместо слова Пример необходимо тоже выводить данные из БД, как в запросе типа +item.Description+.
Description - поле в базе данных.

[Malleys]

Вы можете использовать data-* атрибут, в который запишите значение item.Description.

$.ajax({
	url: "/product/getData.php",
	success: function (data) {
		var option = '<option value="не выбрано||0||0" data-u1="0" data-w1="0">не выбрано</option>';

		data.n.forEach(function (item) {
			option += '<option value="' + item.Total + '||0||0" data-u="0" data-description="' + item.Description + '">' + item.Total + "</option>";
		});

		$(".CalculationType1").attr("data-value", "1");
		$(".CalculationType1").html(option);
	}
});

И тогда можете получить доступ к этому значению через свою функцию...

function format(/* HTMLOptionElement */ option) {
	if(!option.id) return option.text;

	return '<span style="color:green; width:150px;">' + option.dataset.description + '</span> ' + option.text;
};

Если я вас не так понял, то вы можете показать больше кода, например, как у вас используется функция format!

Можно конечно и <font color="green">

Этот элемент не следует использовать, чтобы применить стили, используйте атрибут style, или лучше используйте стили в отдельном файле.

[laimas]

Яснее не стало. Если речь о select, то в его опции нельзя вставить html код чтобы раскрасить часть текста опций. Если же речь кастомизированном списке, то можно передать в плагин, который осуществляет кастомизацию спика, эту часть текста через data атрибут как выше сказано. То есть, это будет не функция, в которую передать.

[sloneCH]

Если я вас не так понял, то вы можете показать больше кода, например, как у вас используется функция format!

Вот пример использования функции format https://jsfiddle.net/bL12qudr/3/
У себя я создал затем ajax запрос

$.ajax({
        url: '/product/getData.php',
        success: function (data) {
        var option = '<option value="не выбрано||0||0" data-u1="0" data-w1="0">не выбрано</option>';
        data.n.forEach(function (item) {
        option += '<option value="'+item.Total+'||0||0" data-u="0">'+item.Total+'</option>'
            });
            $('.CalculationType1').attr('data-value', '1');
            $('.CalculationType1').html(option);
           }
});

И данные из базы данных появились. Радости было столько.
Но затем я решил установить напротив каждого Товар1 Товар2 и т.п. -описание товара - тоже из базы данных.
Вставил ниже ajax запроса - функцию формат.

function format (option) {
			console.log(option);
			if (!option.id) { return option.text; }
			var ob = '<span style="color:green; width:150px;">Пример</span> '+option.text;	
      
            return ob;
            
            
		};

Отобразилось слово Пример зеленого цвета, я тоже порадовался. Но вот как вместо слова Пример вставить данные из базы данных не получается.
Спасибо за совет, но так как Вы посоветовали через атрибут data - всё исчезло и не отображается.

[sloneCH]

Яснее не стало. Если речь о select, то в его опции нельзя вставить html код чтобы раскрасить часть текста опций. Если же речь кастомизированном списке, то можно передать в плагин, который осуществляет кастомизацию спика, эту часть текста через data атрибут как выше сказано. То есть, это будет не функция, в которую передать.

Мне не нужно раскрасить код, это я для примера сделал, чтобы было понятно что хочу поменять. В данном случае слово зеленого цвета Пример хотел заменить данными из базы данных.

[laimas]

Это плагин, и надо было структуру объекта рассмотреть:

function format (option) {
    if (!option.id) return option.text;
    console.log(option.element);
    return '<span style="color:green; width:150px;">'+option.element.dataset.description+'</span> '+option.text;	
};

[sloneCH]

Спасибо большое. На примерах и с вашей помощью разбираюсь.