Index: src/django_gheat/website/static/heatmap_extensions.js
===================================================================
--- src/django_gheat/website/static/heatmap_extensions.js	(revision 9221)
+++ src/django_gheat/website/static/heatmap_extensions.js	(revision 9222)
@@ -62,9 +62,9 @@
   var layername = '<input type="text" id="lname" name="lname" size="10"/> Layername<br />';
   var colour = '<input type="text" id="colour" name="colour" size="10"/> Colour<br />';
-  var user = '<select id="user" style="width:104px"><option></option></select> User<br />';
-  var dataset = '<select id="dataset" style="width:104px"><option></option></select> Dataset<br />';
-  var node = '<select id="node" style="width:104px"><option></option></select> Node<br />';
-  var enc = '<select id="enc" style="width:104px"><option></option></select> Encryption<br />';
-  var date = '<select id="date" style="width:104px"><option></option></select> Date<br />';
+  var user = '<select id="user" style="width:104px" onblur="update_filters(this)"><option></option></select> User<br />';
+  var dataset = '<select id="dataset" style="width:104px" onblur="update_filters(this)"><option></option></select> Dataset<br />';
+  var node = '<select id="node" style="width:104px" onblur="update_filters(this)"><option></option></select> Node<br />';
+  var enc = '<select id="enc" style="width:104px" onblur="update_filters(this)"><option></option></select> Encryption<br />';
+  var date = '<select id="date" style="width:104px" onblur="update_filters(this)"><option></option></select> Date<br />';
 
   // Write form to document
@@ -91,7 +91,18 @@
   var options = '';
   for (var i=0; i<json.length; i++){
-    options += '<option>' + json[i].fields[field] + '</option>';
+    if (filter=='dataset'){
+      options += '<option value="' + json[i].fields.gebruiker + '">' + json[i].fields[field] + '</option>';
+    }
+    else{
+      options += '<option value="' + json[i].pk + '">' + json[i].fields[field] + '</option>';
+    }
   }
   document.getElementById(filter).innerHTML+=options;
+}
+
+
+function update_filters(id){
+  var filtervalue = id.options[id.selectedIndex].value;
+
 }