jQuery Selectbox Append Options OnChange

Question

Hi.

I'm working with jQuery and a plugin called jQuery.SelectBox

I have 3 selectboxes, selecting an option in the first selectbox will change the options in the second one.

My problem comes when I try to insert values in the second selectbox via append function in jQuery. Everything works fine but the new options are not clickable.

You can see the problem right here: http://incubadora.gelattina.com/impac/galeria.html (scroll down and to the right), there are the three selectboxes.

Answer 1

From what I understand, you put in a normal select, and this does a dynamic creation of a stylized 'select box' via jQuery.

The problem, I would guess, is that, since you're adding items after the select box's initialization, the new items don't have any sort of action listeners on them.

I can't seem to find any documentation on this SelectBox plugin, but you need to find a way to Bind the click and hover actions provided by SelectBox onto you're newly added items.

You can try calling the .selectbox(); function on the select elements after you've added the new options to see if that works.

Answer 2

Hey I wrote a select box plugin, just for this reason. You can check it out at http://bit.ly/902xBb

It should accomplish everything you need.