diff --git a/autocomplete/autocomplete.py b/autocomplete/autocomplete.py
index a12c42b..d076309 100644
--- a/autocomplete/autocomplete.py
+++ b/autocomplete/autocomplete.py
@@ -477,6 +477,7 @@ def put(self, request, method):
         data = QueryDict(request.body)
         items_selected = data.getlist(self.name)
         override_component_id = data.get("component_id", "")
+        component_name = data.get("name", self.name)
 
         if items_selected == [""]:
             items_selected = []
@@ -522,7 +523,7 @@ def sort_items(item):
             return HttpResponse(
                 template.render(
                     {
-                        "name": self.name,
+                        "name": component_name,
                         "search": "",
                         "indicator": self.indicator,
                         "placeholder": self.placeholder,
@@ -592,6 +593,7 @@ def get(self, request, method):
             items_selected = []
 
         override_component_id = request.GET.get("component_id", "")
+        component_name = request.GET.get("name", self.name)
 
         if method == "component":
             template = loader.get_template("autocomplete/component.html")
@@ -600,7 +602,7 @@ def get(self, request, method):
             return HttpResponse(
                 template.render(
                     {
-                        "name": self.name,
+                        "name": component_name,
                         "disabled": self.disabled,
                         "required": self.required,
                         "indicator": self.indicator,
@@ -631,7 +633,7 @@ def get(self, request, method):
             return HttpResponse(
                 template.render(
                     {
-                        "name": self.name,
+                        "name": component_name,
                         "required": self.required,
                         "placeholder": self.placeholder,
                         "indicator": self.indicator,
diff --git a/autocomplete/templates/autocomplete/chip.html b/autocomplete/templates/autocomplete/chip.html
index 3f8182f..d6a42f5 100644
--- a/autocomplete/templates/autocomplete/chip.html
+++ b/autocomplete/templates/autocomplete/chip.html
@@ -7,8 +7,8 @@
     {% if not disabled %}
     <a
         hx-put="{% url route_name method='toggle' %}"
-        hx-params="{{ name }},item,remove,component_id"
-        hx-vals='{"component_id": "{{ component_id|escapejs }}", "remove": true, "item": "{{ item.value|escapejs }}"}'
+        hx-params="{{ name }},name,item,remove,component_id"
+        hx-vals='{"name": "{{ name|escapejs }}", "component_id": "{{ component_id|escapejs }}", "remove": true, "item": "{{ item.value|escapejs }}"}'
         hx-include="#{{ component_id }}"
         hx-swap="delete"
         tabindex="-1"
diff --git a/autocomplete/templates/autocomplete/item.html b/autocomplete/templates/autocomplete/item.html
index 8f76348..c4a9bc1 100644
--- a/autocomplete/templates/autocomplete/item.html
+++ b/autocomplete/templates/autocomplete/item.html
@@ -8,9 +8,9 @@
     onclick="return phac_aspc_autocomplete_item_click_handler(event)"
     href="#"
     hx-put="{% url route_name method='toggle' %}"
-    hx-params="{{ name }},item,component_id"
+    hx-params="{{ name }},name,item,component_id"
     hx-include="#{{ component_id }}"
-    hx-vals='{"component_id": "{{ component_id|escapejs }}", "item": "{{ item.value|escapejs }}"}'
+    hx-vals='{"name": "{{ name|escapejs }}", "component_id": "{{ component_id|escapejs }}", "item": "{{ item.value|escapejs }}"}'
     hx-swap="outerHTML"
     {% if swap_oob %}
     hx-swap-oob="outerHTML:#{{ component_id }}__item__{{ item.value|make_id }}"
diff --git a/autocomplete/templates/autocomplete/textinput.html b/autocomplete/templates/autocomplete/textinput.html
index 2a7742d..14168b0 100644
--- a/autocomplete/templates/autocomplete/textinput.html
+++ b/autocomplete/templates/autocomplete/textinput.html
@@ -25,7 +25,7 @@
     hx-trigger="phac_aspc_autocomplete_trigger"
     hx-include="#{{ component_id }}"
     hx-target="#{{ component_id }}__items"
-    hx-vals="js:{component_id: '{{ component_id|escapejs }}', search: document.getElementById('{{ component_id|escapejs }}__textinput').value}"
+    hx-vals="js:{name: '{{ name|escapejs}}', component_id: '{{ component_id|escapejs }}', search: document.getElementById('{{ component_id|escapejs }}__textinput').value}"
     hx-swap="outerHTML"
     {% if indicator %}
     hx-indicator="#{{ component_id }}__container .htmx-indicator"
diff --git a/autocomplete/widgets.py b/autocomplete/widgets.py
index 791581e..cdc8e5d 100644
--- a/autocomplete/widgets.py
+++ b/autocomplete/widgets.py
@@ -48,7 +48,7 @@ def __init__(
 
         if use_ac is None:
             config = {
-                "name": name,
+                "name": opts.get("route_name", name),
                 "disabled": attrs.get("disabled", False) if attrs else False,
                 "required": attrs.get("required", False) if attrs else False,
                 "indicator": opts.get("indicator", None),
@@ -105,7 +105,7 @@ def get_context(self, name, value, attrs):
             self.a_c.get_items(self.a_c, values=[str(x) for x in items_selected]),
         )
 
-        context["name"] = self.a_c.name
+        context["name"] = attrs.get("name", self.attrs.get("name", self.a_c.name))
 
         context["disabled"] = attrs.get("disabled", self.attrs.get("disabled", False))
         context["required"] = attrs.get("required", self.attrs.get("required", False))