Wednesday, July 15, 2009

[solved] Add dinamically options to select - JavaScript

Here is a demo that adds options to select lists (dropdowns) dinamically:






And here is the code:


<div id="list"></div>
<select id="mylist"></select>

<script language="JavaScript" type="text/javascript">

function sets(json){
for (i=0;i<10;i++){
var mylist=document.getElementById('mylist');
var title=json.photosets.photoset[i].title._content;

try {
mylist.add(new Option(title,title),null);
} catch(ex){
mylist.add(new Option(title,title));
}


}
}

</script>


<script language="JavaScript" type="text/javascript" src="http://api.flickr.com/services/rest/?method=flickr.photosets.getList&api_key=44e8746c75b6da2da7d931d893e299f8&user_id=39602083%40N04&format=json&jsoncallback=sets"></script>


Compatibility: FF3,IE7+,Chrome, Safari

No comments:

Post a Comment