Question

I’m getting a JSON object from my database that looking like this :

products = [
    {"ID":1, "CODE":"code1", "DESCRIPTION":"abcd", "PRICE":100},
    {"ID":2, "CODE":"code2", "DESCRIPTION":"efgh", "PRICE":100},
    {"ID":3, "CODE":"code3", "DESCRIPTION":"ijkl", "PRICE":100}
];

Then I have a select element with options having text = CODE and value = ID for each product.
Now when user select a product in the dropdown, I want to fill some textboxes with DESCRIPTION and PRICE of the selected product. Is there any built-in function to do something like this :

var myObject = products("ID" = selectedValue)

?

I’d like to use

myObject.DESCRIPTION, myObject.PRICE

to fill my textboxes. Thank you

Answer 1

You can use $.each utility function:

$('select').change(function(){
   var id = this.value;
   $.each(products, function(i, myObject){
      if (myObject.ID === id) {
        $('textarea').val(myObject.DESCRIPTION);
        return false;
      }
   })
})