Search function from select and display
Hello everyone , i got a problem . I making littel product catalog and i want add for this catalog search option in tabel by value or name ... example AU-1010 . I want personalize this search function by this symbol "AU-1010".
I have make form and select with chained jquery function and add this result display from here
http://jsfiddle.net/TLBvx/1/ . When i choose last option of last tier it display my result in tabel . It this point i have problem beacuse i want search function connect to this tabel . When I search by this value i want result display connet to this select option and i confused how to do it.. My lvl expirience with java code is very low ... So I am asking you dear forum members for help or adivce ...
This is my code :
- <script src="js/jquery-1.9.1.min.js"></script>
- <script src="js/jquery.chained.min.js"></script>
- <script charset=utf-8>
- $(document).ready(function(){
- $("#series").chained("#mark");
- $(".model").chained("#series");
- });
- $(document).ready(function(){
- $('select.model').change(function(){
- var target = $(this).data('target');
- $(target).children().addClass('hide');
- var show = $("option:selected", this).data('show');
- $(show).removeClass('hide');
- });
- });
- </script>
- <div class="chained">
- <select id="mark" name="mark">
- <option value="">--</option>
- <option value="Ciezarowe">Ciezarowe</option>
- <option value="Autobusy">Autobusy</option>
- </select>
- <select id="series" name="series">
- <option value="">--</option>
- <option value="BOVA" class="Ciezarowe">BOVA</option>
- <option value="Mercedes" class="Ciezarowe">Mercedes</option>
- <option value="Peugeot" class="Ciezarowe">Peugeot</option>
- <option value="Ikar" class="Autobusy">Ikar</option>
- <option value="Iveco" class="Autobusy">Iveco</option>
- <option value="Man" class="Autobusy">Man</option>
- </select>
- <select class="model" name="model" data-target=".info">
- <option value="">--</option>
- <option value="AU-1010" data-show=".bova" class="BOVA">Futura</option>
- <option value="AU-1012" data-show=".lexio" class="BOVA">Lexio</option>
- <option value="AU-1014" data-show=".magiq " class="BOVA">Magiq </option>
- <option value="AU-1016" data-show=".synergy" class="BOVA">Synergy</option>
- <option value="S1" data-show=".mercedes" class="Mercedes">S1</option>
- </select>
-