diff --git a/dev/demo/all.html b/dev/demo/all.html
index a18b287..a01fcc3 100644
--- a/dev/demo/all.html
+++ b/dev/demo/all.html
@@ -38,8 +38,7 @@
         <input id="show" name="show" type="hidden" />
         <input id="collection-name" name="collection-name" type="hidden">
         <input id="collection" name="collection" type="text" value="">
-	with <span class="select">
-	  <!-- Change this to js-menu -->
+	with <span class="menu select">
 	  <select name="ql" id="ql-field">
 	    <option value="poliqarp">Poliqarp</option>
 	    <option value="cosmas2">Cosmas II</option>
diff --git a/dev/demo/menu.html b/dev/demo/menu.html
index c76496d..db88cbf 100644
--- a/dev/demo/menu.html
+++ b/dev/demo/menu.html
@@ -23,6 +23,15 @@
 
     <div id="menu" class="vc" style="padding-top: 80px; padding-left: 80px;"></div>
 
+    <span id="choose-ql" class="menu select" style="position: absolute; right: 100px; top: 90px;">
+      <select name="ql">
+	<option value="poliqarp">Poliqarp</option>
+	<option value="cosmas2">Cosmas 2</option>
+	<option value="annis">Annis QL</option>
+	<option value="cql">CQL</option>
+      </select>
+    </span>
+
     <main>
       <div>
 	<div id="pagination"><a rel="prev"><span><i class="fa fa-caret-left"></i></span></a><a rel="self"><span>1</span></a><a href="/kalamar?q=der+%5Bmate/m%3Dnumber:sg%5D&amp;ql=poliqarp&amp;p=2"><span>2</span></a><a href="/kalamar?q=der+%5Bmate/m%3Dnumber:sg%5D&amp;ql=poliqarp&amp;p=3"><span>3</span></a><span><i class="fa fa-ellipsis-h"></i></span><a href="/kalamar?q=der+%5Bmate/m%3Dnumber:sg%5D&amp;ql=poliqarp&amp;p=52230"><span>52230</span></a><a rel="next" href="/kalamar?q=der+%5Bmate/m%3Dnumber:sg%5D&amp;ql=poliqarp&amp;p=2"><span><i class="fa fa-caret-right"></i></span></a></div>
diff --git a/dev/demo/menudemo.js b/dev/demo/menudemo.js
index c00f01e..2180634 100644
--- a/dev/demo/menudemo.js
+++ b/dev/demo/menudemo.js
@@ -2,7 +2,7 @@
   baseUrl: '../js/src'
 });
 
-require(['menu','menu/item', 'menu/prefix', 'menu/lengthField'], function (menuClass, itemClass, prefixClass, lengthFieldClass) {
+require(['menu','menu/item', 'menu/prefix', 'menu/lengthField', 'selectMenu'], function (menuClass, itemClass, prefixClass, lengthFieldClass, selectMenuClass) {
 
   /**
    * Create own menu item class.
@@ -86,4 +86,6 @@
 
   menu.limit(3).show(3);
   menu.focus();
+
+  selectMenuClass.create(document.getElementById('choose-ql')).limit(5); // .show();
 });