Vote up!
Vote down!

Trigger attribute AJAX using custom select element

I'm currently theming the product page for a Drupal Commerce site. Our frontend developer has insisted we use his custom "fancy" select dropdown for the attributes, which is causing a bit of a theming headache!

I have implemented his jQuery successfully, and when a user changes the fancy select option, it changes the "selected" option of the hidden select element too.

The problem is that none of the Drupal AJAX calls to update the price are fired when we change the selected attribute option via jQuery.

Does anyone know how I can force the onChange AJAX call for attribute options via jQuery?

Thanks in advance!

Asked by: AlexK
on November 7, 2012

1 Answer

Vote up!
Vote down!

Hi Alex,

I had the same problem and I managed to find the solution.

You need to call .attr and .trigger

$('ul.choose-product-quantity li').click(function(){
var quantity = $(this).children('.product-quantity').text();
$('.form-item-attributes-field-product-qty input')
return $(this).attr("value") == quantity;
.attr('checked', 'checked').trigger('change');

I posted the screenshot here:


Answer by: marcelodornelas
Posted: Nov 27, 2012