diff --git a/assets/templates/partials/purchasedetails_form.html b/assets/templates/partials/purchasedetails_form.html
index 97acb3d5..d5979439 100644
--- a/assets/templates/partials/purchasedetails_form.html
+++ b/assets/templates/partials/purchasedetails_form.html
@@ -8,7 +8,7 @@
     {% if create or edit or duplicate %}
     <div class="form-group">
       <label for="{{ form.purchased_from.id_for_label }}">Purchased From</label>
-      {% render_field form.purchased_from|add_class:"form-control" %}
+      {% include 'partials/supplier_picker.html' %}
     </div>
 
     <div class="form-group">
diff --git a/assets/templates/partials/supplier_picker.html b/assets/templates/partials/supplier_picker.html
new file mode 100644
index 00000000..e0989db6
--- /dev/null
+++ b/assets/templates/partials/supplier_picker.html
@@ -0,0 +1,63 @@
+<select name="parent_s" id="parent_s_id" class="selectpicker">
+    {% if object.parent%}
+    <option value="{{object.parent.pk}}" selected>{{object.parent.name}}</option>
+    {% endif %}
+</select>
+
+{% load static %}
+{% block css %}
+    <link rel="stylesheet" href="{% static "css/bootstrap-select.min.css" %}"/>
+    <link rel="stylesheet" href="{% static "css/ajax-bootstrap-select.css" %}"/>
+{% endblock %}
+
+{% block preload_js %}
+    <script src="{% static "js/bootstrap-select.js" %}"></script>
+    <script src="{% static "js/ajax-bootstrap-select.js" %}"></script>
+{% endblock %}
+
+{% block js %}
+<script>
+$('#parent_s_id')
+    .selectpicker({
+        liveSearch: true
+    })
+    .ajaxSelectPicker({
+        ajax: {
+            url: '{% url 'supplier_search_json'%}',
+            type: "get",
+            data: function () {
+                var params = {
+                    {% verbatim %}query: '{{{q}}}'{% endverbatim  %}
+                };
+                return params;
+            }
+        },
+        locale: {
+            emptyTitle: 'Search for supplier...'
+        },
+        preprocessData: function(data){
+            var suppliers = [];
+            if(data.length){
+                var len = data.length;
+                for(var i = 0; i < len; i++){
+                    var curr = data[i];
+                    suppliers.push(
+                        {
+                            'value': curr.id,
+                            'text': curr.label,
+                            'disabled': false
+                        }
+                    );
+                }
+                suppliers.push(
+                {
+                    'value': null,
+                    'text': "(no selection)"
+                });
+            }
+            return assets;
+        },
+        preserveSelected: false
+    });
+</script>
+{% endblock js %}
diff --git a/assets/views.py b/assets/views.py
index e8e8353c..ae62e94f 100644
--- a/assets/views.py
+++ b/assets/views.py
@@ -172,7 +172,7 @@ class SupplierSearch(SupplierList):
         result = []
 
         for supplier in context["object_list"]:
-            result.append({"name": supplier.name})
+            result.append({"id": supplier.pk, "name": supplier.name})
 
         return JsonResponse(result, safe=False)