sebastiansulinski / cascading-dropdown Goto Github PK

Hi! please, I need show (and update) my entity (load from database). I need set value of first select (page is loaded, value is loaded from model, set in controller) and I need trigger CHANGE EVENT to load options to the second select.

<select id="country" name="countryId" class="cascadingDropDown" data-group="locality" data-target="county" data-url="${requestContext.getContextPath()}/county">
<option value="">...</option>
<c:forEach items="${country}" var="c">
<c:choose>
<c:when test="${portalUser.countryId == c.countryId}">
<option value="${c.countryId}" selected="selected">${c.name}</option>
</c:when>
<c:otherwise>
<option value="${c.countryId}">${c.name}</option>
</c:otherwise>
</c:choose>
</c:forEach>
</select>
<select id="county" name="countyId" class="cascadingDropDown" data-group="locality" data-id="county" data-target="district" data-url="${requestContext.getContextPath()}/district" data-default-label="Select county" disabled="disabled"></select>

<script type="text/javascript" lang="javascript">
$( document ).ready(function() {
alert('trigger');
$('#country').trigger('change');
});
</script>

alert messages 'trigger' is visible, but event 'change' is not created.

Thanks!

Ivan
....

Hi Sebastian,

How do I show the result of the individual combinations using ajax. For example:
Jeans > Lewis > Black > 7 --> $50
Shoes > Vans > Black > 8 --> $45 etc
I want to show the result in the place where it says "To see results please make your selection using menus above."

Thanks for the wonderful script.

This library is very useful. This is not an issue is a question.
Now I´m requiring to update two selects at the same time when the first select changes. Is this posible? In that case how can i do it?
Thanks in advance

there is a problem with require.js library:

Uncaught Error: Mismatched anonymous define() module: function (a0) {
return (factory(a0));
}
http://requirejs.org/docs/errors.html#mismatch
at makeError (require.js:168)
at intakeDefines (require.js:1254)
at require.js:1452

it is posiible to use this very nice plugin with require.js library (http://requirejs.org/) ?

thanks

Hi
just trying out your plugin (with some hope and optimism!), and notice in the docs it says:

All selects except the first one are also required to have the following data-* attributes:

data-id : the id of the element corresponds to the data-trigger of the previous element

But I dont find data-trigger mentioned anywhere else, including in your demos
whereas data-id appears to reference data-target of prev el

is this an error in docs or my understanding?

regards

l.

how to change than t-shirts is only adidas and nike, and shoes just lewis and so one. Than if select adidas show only red and black, and if choose nike red, black and blue. So not to be same choice what ever i previously select.

What ever combination choose always the same price. How to specify price for Shoes->Adidas->White->Size 8 and how for Hats->Vans->Black->Size 7 ?

And at the end how to show picture of a product next to the price?

My knowledge is intermediate, so maybe is easy but not for me.

thanks

Using callback function to transform json.