Ciao a tutti,
sono nuovonel forum e anche relativamente a Jquery.
Ho un problema che non riesco a risolvere e provo a chiedere il vostro aiuto.
Ho realizzato una pagina in php in csui dopo aver recuperto dati da una tabella sql costruisco due menu dropdown dipendenti. Alla selezione del primo si compilano i cmapi del secondo dinamicamente. Qui i mio codice
L'ultima cosa che mi resta da fare è creare una lista UL LI da popolare alla selezione del secondo dropdown.
Per arrivare a questo risultato sto usando la value della option della select che viene recuperata dinamicamente e viene utilizzata per nascondere i LI che non hanno la stessa classe.
Qui il codice
Purtroppo non funziona. Sapreste aiutarmi per capire dove sto sbagliando? Ovviamente la option della select si popola dinamicamente.
qui l'html su cui sto lavorando
sono nuovonel forum e anche relativamente a Jquery.
Ho un problema che non riesco a risolvere e provo a chiedere il vostro aiuto.
Ho realizzato una pagina in php in csui dopo aver recuperto dati da una tabella sql costruisco due menu dropdown dipendenti. Alla selezione del primo si compilano i cmapi del secondo dinamicamente. Qui i mio codice
JavaScript:
var $select1 = $( '#select1' ),
$select2 = $( '#select2' ),
$options = $select2.find( 'option' );
$select1.on( 'change', function() {
$select2.html( $options.filter( '[value="' + this.value + '"]' ) );
} ).trigger( 'change' );
L'ultima cosa che mi resta da fare è creare una lista UL LI da popolare alla selezione del secondo dropdown.
Per arrivare a questo risultato sto usando la value della option della select che viene recuperata dinamicamente e viene utilizzata per nascondere i LI che non hanno la stessa classe.
Qui il codice
JavaScript:
$( document ).ready(function() {
$('select[name="select2"]').change(function(){
var selected = $( "#select2 option:selected" ).val();
$('#feature ul li').hide();
$('#feature ul li.'+selected).show();
});
});
Purtroppo non funziona. Sapreste aiutarmi per capire dove sto sbagliando? Ovviamente la option della select si popola dinamicamente.
qui l'html su cui sto lavorando
HTML:
<nav class="navtop">
<div>
<select class="form-control" name="select1" id="select1">
<option value="brand">
Choose Brand
</option>
<option value="XXX">
XXX</option>
<option value="YYY">
YYY</option>
</select>
<select class="form-control" name="select2" id="select2"></select>
</div>
</nav>
<div id="feature" class="sidebar">
<ul id="app">
<li class="xxx">
<a href="#">aaa</a>
</li>
<li class="yyy">
<a href="#">bbb</a>
</li>
</ul>
</div>