Disabled null value

app/views/form/_select_question.html.erb

@@ -1,10 +1,11 @@
-<%= answers = question.answer_options.map { |key, value| OpenStruct.new(id:key, name: value) }
+<%= answers = question.answer_options.map { |key, value| OpenStruct.new(id: key == "select" ? "" : value, name: value) }
  f.govuk_collection_select question.id.to_sym,
     answers,
-    :name,
+    :id,
     :name,
     caption: caption && !page_header.present? ? { text: caption.html_safe, size: "l" } : nil,
     label: { text: question.header, size: !page_header.present? ? "l" : "m", tag: !page_header.present? ? "h1" : "h2" },
     hint: { text: question.hint_text&.html_safe },
+    options: { disabled: ["select"] },
     "data-controller": "accessible-autocomplete"
  %>

config/forms/2021_2022.json

@@ -1158,6 +1158,7 @@
                   "hint_text": "",
                   "type": "select",
                   "answer_options": {
+                    "select": "Select an option",
                     "0": "Adur",
                     "1": "Allerdale",
                     "2": "Amber Valley",
@@ -2011,6 +2012,7 @@
                   "hint_text": "Includes temporary accommodation",
                   "type": "select",
                   "answer_options": {
+                    "select": "Select an option",
                     "0": "Adur",
                     "1": "Allerdale",
                     "2": "Amber Valley",