diff --git a/src/data.js b/src/data.js
index 304f8341..6e00ea31 100644
--- a/src/data.js
+++ b/src/data.js
@@ -405,7 +405,8 @@ QueryBuilder.prototype.getRuleInputValue = function(rule) {
                         value.push(tmp);
                     }
                     else {
-                        value.push($value.find('[name=' + name + '] option:selected').val());
+                        // value.push($value.find('[name=' + name + '] option:selected').val());
+                        value.push($value.find('[name=' + name + ']').val());
                     }
                     break;
 
diff --git a/src/plugins/sql-support/plugin.js b/src/plugins/sql-support/plugin.js
index 95b7eda5..d8de997f 100644
--- a/src/plugins/sql-support/plugin.js
+++ b/src/plugins/sql-support/plugin.js
@@ -343,7 +343,9 @@ QueryBuilder.extend(/** @lends module:plugins.SqlSupport.prototype */ {
                      */
                     var field = self.change('getSQLField', rule.field, rule);
 
-                    var ruleExpression = field + ' ' + sqlFn(value);
+                    var ruleExpression = rule.type === 'string' && (rule.input === 'text' || rule.input === 'select') ?
+                        'LOWER(' + field + ')' + sqlFn('LOWER(' + value + ')') :
+                        field + ' ' + sqlFn(value);
 
                     /**
                      * Modifies the SQL generated for a rule
diff --git a/src/template.js b/src/template.js
index 004d4693..1b5d5864 100644
--- a/src/template.js
+++ b/src/template.js
@@ -49,12 +49,28 @@ QueryBuilder.templates.rule = '\
   <div class="rule-value-container"></div> \
 </div>';
 
+// QueryBuilder.templates.filterSelect = '\
+// {{ var optgroup = null; }} \
+// <select class="form-control" name="{{= it.rule.id }}_filter"> \
+//   {{? it.settings.display_empty_filter }} \
+//     <option value="-1">{{= it.settings.select_placeholder }}</option> \
+//   {{?}} \
+//   {{~ it.filters: filter }} \
+//     {{? optgroup !== filter.optgroup }} \
+//       {{? optgroup !== null }}</optgroup>{{?}} \
+//       {{? (optgroup = filter.optgroup) !== null }} \
+//         <optgroup label="{{= it.translate(it.settings.optgroups[optgroup]) }}"> \
+//       {{?}} \
+//     {{?}} \
+//     <option value="{{= filter.id }}" {{? filter.icon}}data-icon="{{= filter.icon}}"{{?}}>{{= it.translate(filter.label) }}</option> \
+//   {{~}} \
+//   {{? optgroup !== null }}</optgroup>{{?}} \
+// </select>';
+
 QueryBuilder.templates.filterSelect = '\
 {{ var optgroup = null; }} \
-<select class="form-control" name="{{= it.rule.id }}_filter"> \
-  {{? it.settings.display_empty_filter }} \
-    <option value="-1">{{= it.settings.select_placeholder }}</option> \
-  {{?}} \
+<input class="form-control" list="{{= it.rule.id}}_filter" name="{{= it.rule.id}}_filter"/> \
+<datalist id="{{= it.rule.id}}_filter"> \
   {{~ it.filters: filter }} \
     {{? optgroup !== filter.optgroup }} \
       {{? optgroup !== null }}</optgroup>{{?}} \
@@ -65,7 +81,7 @@ QueryBuilder.templates.filterSelect = '\
     <option value="{{= filter.id }}" {{? filter.icon}}data-icon="{{= filter.icon}}"{{?}}>{{= it.translate(filter.label) }}</option> \
   {{~}} \
   {{? optgroup !== null }}</optgroup>{{?}} \
-</select>';
+</datalist>';
 
 QueryBuilder.templates.operatorSelect = '\
 {{? it.operators.length === 1 }} \
@@ -87,9 +103,28 @@ QueryBuilder.templates.operatorSelect = '\
   {{? optgroup !== null }}</optgroup>{{?}} \
 </select>';
 
+// QueryBuilder.templates.ruleValueSelect = '\
+// {{ var optgroup = null; }} \
+// <select class="form-control" name="{{= it.name }}" {{? it.rule.filter.multiple }}multiple{{?}}> \
+//   {{? it.rule.filter.placeholder }} \
+//     <option value="{{= it.rule.filter.placeholder_value }}" disabled selected>{{= it.rule.filter.placeholder }}</option> \
+//   {{?}} \
+//   {{~ it.rule.filter.values: entry }} \
+//     {{? optgroup !== entry.optgroup }} \
+//       {{? optgroup !== null }}</optgroup>{{?}} \
+//       {{? (optgroup = entry.optgroup) !== null }} \
+//         <optgroup label="{{= it.translate(it.settings.optgroups[optgroup]) }}"> \
+//       {{?}} \
+//     {{?}} \
+//     <option value="{{= entry.value }}">{{= entry.label }}</option> \
+//   {{~}} \
+//   {{? optgroup !== null }}</optgroup>{{?}} \
+// </select>';
+
 QueryBuilder.templates.ruleValueSelect = '\
 {{ var optgroup = null; }} \
-<select class="form-control" name="{{= it.name }}" {{? it.rule.filter.multiple }}multiple{{?}}> \
+<input class="form-control" list="{{= it.name }}_value" name="{{= it.name }}"/> \
+<datalist id="{{= it.name }}_value"> \
   {{? it.rule.filter.placeholder }} \
     <option value="{{= it.rule.filter.placeholder_value }}" disabled selected>{{= it.rule.filter.placeholder }}</option> \
   {{?}} \
@@ -103,7 +138,7 @@ QueryBuilder.templates.ruleValueSelect = '\
     <option value="{{= entry.value }}">{{= entry.label }}</option> \
   {{~}} \
   {{? optgroup !== null }}</optgroup>{{?}} \
-</select>';
+</datalist>';
 
 /**
  * Returns group's HTML