jquery - json jqmodal populate dropdown -


i'm trying populate dropdown in jqmodal different product sizes. can't work. appreciated.

my json

{ "product": { "variants": { "3394248": { "id": 3394248, "code": "19", "ean": "19", "sku": "19", "price": { "price": 19.95, "price_incl": 23.7405, "price_excl": 19.95, "price_old": 0, "price_old_incl": 0, "price_old_excl": 0 }, "title": "maat 95", "active": false }, "3376388": { "id": 3376388, "code": "19", "ean": "19", "sku": "19", "price": { "price": 19.95, "price_incl": 23.7405, "price_excl": 19.95, "price_old": 0, "price_old_incl": 0, "price_old_excl": 0 }, "title": "maat 100", "active": true } }, } }

my script

<script type="text/javascript"> $('#productvariations').jqm({ trigger: 'a.ex2trigger' }); function loadproductvariations(){ var productid = '{{ product.fulltitle }}'; var url = 'http://shop.com/'+productid+'/?format=json'; $.getjson(url,function(data){ var varianthtml = ''; $.each(data.product.variants, function(index, variants){ varianthtml = varianthtml + '<option value="' +variants.id+'</option>'; }); $('#productoptions').html(varianthtml); }); }

my html

<div class="jqmwindow" id="productvariations"> geduld aub... <img src="https://shop.com/com/ajax-loader.gif?1" alt="loading" /> <span id="close"> <button class="jqmclose">close</button> </span> <br/><br/> <form class="formproduct" id="product_configure_form" method="post" action="{{ ('cart/add/' ~ product.vid) | url }}" enctype="application/x-www-form-urlencoded"> <div id="productoptions"> <select onchange="document.getelementbyid('product_configure_form').action = 'http://shop.com/product/variants/2140679/'; document.getelementbyid('product_configure_form').submit();" id="product_configure_variants" name="variant"> </select> </div> <a id="submit" class="button gray" href="#" onclick="$('#product_configure_form').submit(); return false;" title="{{ 'add cart' | t }}">{{ 'add cart' | t }}</a> </form> <span id="message"></span>

this concept forgive me current mistakes in code! thing need know how populate dropdown box.

your json not correctly formatted, one. missing 2 closing brackets, have edited in original post.

second, try changing loop so:

$.each(data.product.variants, function(index, variants){ varianthtml = varianthtml + '<option value="' +variants.id+'</option>'; });

to

for (var in data.product.variants) { var v = data.product.variants[i]; var $opt = $("<option>").text(v.title); $("#productoptions select").append($opt); }

Comments

Post a Comment

Popular posts from this blog

javascript - backbone.js Collection.add() doesn't `construct` (`initialize`) an object -

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://documentcloud.github.com/underscore/underscore-min.js"></script> <script src="http://documentcloud.github.com/backbone/backbone-min.js"></script> </head> <body> <button id="cmd_create_event" name="cmd_create_event" type="button">create new `event`</button> <script type="text/javascript"> var eventmodel = backbone.model.extend({ initialize : function() { console.log("`event` initialized. id: " + this.cid); this.bind("change:status", function() { console.log(this.get("status") + " value `status`"); }); this.bind("error", function(model, e...
Read more

php - Get uncommon values from two or more arrays -

is there function in php give array of uncommon values 2 or more arrays? for example: $array1 = array( "green", "red", "blue"); $array2 = array( "green", "yellow", "red"); .... $result = function_needed($array1, $array2,...); print_r($result); should give output: array("blue", "yellow", ...); use array_diff , array_merge : $result = array_merge(array_diff($array1, $array2), array_diff($array2, $array1)); here's demo. for multiple arrays, combine callback , array_reduce : function unique(&$a, $b) { return $a ? array_merge(array_diff($a, $b), array_diff($b, $a)) : $b; } $arrays = array( array('green', 'red', 'blue'), array('green', 'yellow', 'red') ); $result = array_reduce($arrays, 'unique'); and here's demo of that.
Read more

Adding duplicate array rows in Php -

i create function in php adds rows of array shared column value. so input. $test = array( array("c", 5, 6), array("c", 2, 3), array("test", 5, 6) ); and output. $testduplicatefree = array( array("c", 7, 9), array("test", 5, 6) ) ); i'm thinking function combine_duplicates($array,$col){ ... ... return $duplicatefreearray; } where $col duplicate free array. so, in case, combine_duplicates($test,0); would me desired output. this. <?php function combine_duplicates($array,$col) { $index = array(); foreach ($array $row) { $key = $row[$col]; if (!isset($index[$key])) { $index[$key] = $row; } else { ($i = 0; $i < count($row); ++$i) { if ($i != $col) { $index[$key][$i] += $row[$i]; } } } } return array_values($index); } $array = array( array("c", 5, 6), array("c", 2, 3), array("test", 5, 6) ); print_r(combine_duplicates($array, 0)); try here: http://codepad.org/mdhesqhi
Read more