jquery - Populating drop down with json object -

-

i have managed populate drop down menu json object, worked fine. trying display image in hidden div based on option selected drop down. drop down populated json object how retrieve image data.

html

<form>     <fieldset id="autoheight">         <legend>pod</legend>         <h2>cars</h2>         <select name="drop_down" id="dropdowncars">             <option value="none" selected="selected">select type</option>         </select>     </fieldset> </form> <div id="showbmw" class="hidden">     <a href="http://cdn.iphoneincanada.ca/wp-content/uploads/2012/08/white-bmw.jpg"></a> </div>

json file

{     cars: [{         "cartype": "bmw",         "carid": "bmw123"     }, {         "cartype": "mercedes",         "carid": "merc123"     }, {         "cartype": "volvo",         "carid": "vol123r"     }, {         "cartype": "ford",         "carid": "ford123"     }] }

this how populate dropdown menu using jquery.

$(document).ready(function() {     $.getjson("../cars.json", function(obj) {         $.each(obj.cars, function(key, value) {             $("#dropdowncars").append("<option>" + value.carsname + "</option>");         });     }); });

any working example in jfiddle, appreciated! thanks.

$('#dropdowndest').on('change', function() {     if ($(this).val() == 'vol123r') {         $('#imghide').removeclass('hide');     } else {         $('#imghide').addclass('hide');     } });

fiddle demo


Comments

Post a Comment

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -

-
i want remove www site url. ie. https://www.domainname.com.au https://domainname.com.au . i have tried various .htacces code nothing work me. here present code remove www http not work https. rewriteengine on rewritebase / rewritecond %{http_host} ^www\.(.*)$ [nc] rewriterule ^/(.*)$ http://%1/$1 [r=301,l] rewritecond %{https} off rewriterule ^(.*)$ https://domainname.com.au/$1 [r=301,l] rewriterule ^code-of-conducts/(.*)/$ code-of-conducts.php?type=$1 rewriterule ^parents/post-a-job/(.*)/edit/$ parents/post-a-job.php?action=edit&id=$1 rewriterule ^parents/post-a-job/(.*)/$ parents/post-a-job.php?job_type=$1 rewriterule ^parents/open-jobs/(.*)/delete/$ parents/open-jobs.php?action=delete&id=$1 rewriterule ^parent-profile/(.*)/$ parent-profile.php?id=$1 rewriterule ^parents/job-details/(.*)$ parents/job-details.php?applied_id=$1 rewriterule ^sitterprofile/(.*)/$ sitterprofile.php?id=$1 rewriterule ^sitter/job-board/state/(.*)/page/(.*)/$ sitter/job-board.ph...
Read more