0
149
ViewsProducto configurable mediante javascript/jquery
Producto Configurable
Hola,
Estoy tratando de generar productos configurables para los atributos seleccionados usando JavaScript. Quiero generar 3.0_Aluminium_1219, 3.0_Amber_1219, 3.8_Aluminium_1219 y 3.8_Amber_1219.
He usado el siguiente script para almacenar el valor de la opción en una matriz
$('.complexSel').on('select2:select', function (e) { var obj = {} var keysArray = new Array(); var price = $('.complexSel').find(':selected'); $.each(price, function(index){ keysArray.push($(this).attr('data-mst-id')); if($(this).attr('data-mst-id') in obj ) { obj[$(this).attr('data-mst-id')].push({id:$(this).val(),text:$(this).text()}); }else{ obj[$(this).attr('data-mst-id')] = new Array(); obj[$(this).attr('data-mst-id')].push({id:$(this).val(),text:$(this).text()}); } }); var unique = keysArray.filter(function(itm, i, keysArray) { return i == keysArray.indexOf(itm); }); console.log(obj); }); 
Por favor ayúdame a lograr el resultado.
·
Juan Pablo Isaza
1 answers
Answer question0
usó la siguiente función para resolver este problema.
$('.complexSel').on('change', function (e) { var obj = {} //var obj = new Array(); var price = $('.complexSel').find(':selected'); $.each(price, function(index){ if($(this).attr('data-mst-val') in obj ) { obj[$(this).attr('data-mst-val')].push($(this).text()); }else{ obj[$(this).attr('data-mst-val')] = new Array(); obj[$(this).attr('data-mst-val')].push($(this).text()); } }); var cartesianRes = getCartesian(obj); console.log(cartesianRes); /* OUTPUT AS FOLLOWS*/ /* [ { "Size": "3.0", "Color": "Aluminum" }, { "Size": "3.0", "Color": "Amber" }, { "Size": "3.8", "Color": "Aluminum" }, { "Size": "3.8", "Color": "Amber" } ] */ }); function getCartesian(object) { return Object.entries(object).reduce((r, [k, v]) => { var temp = []; r.forEach(s => (Array.isArray(v) ? v : [v]).forEach(w => (w && typeof w === 'object' ? getCartesian(w) : [w]).forEach(x => temp.push(Object.assign({}, s, { [k]: x })) ) ) ); return temp; }, [{}]); }
·
Juan Pablo Isaza
Report
Answer question