diff --git a/packages/web/src/components/Footer.astro b/packages/web/src/components/Footer.astro
index 0c66d7e63f70..be0e354cf2c5 100644
--- a/packages/web/src/components/Footer.astro
+++ b/packages/web/src/components/Footer.astro
@@ -63,6 +63,17 @@ const discord = config.social?.find((item) => item.icon === "discord")
   )
 }
 
+<script>
+  const locales = new Set(["ar","bs","da","de","es","fr","it","ja","ko","nb","pl","pt-br","ru","th","tr","uk","zh-cn","zh-tw"])
+  document.querySelectorAll<HTMLSelectElement>("starlight-lang-select select").forEach((el) => {
+    el.addEventListener("change", () => {
+      const m = /^\/docs\/([^/]+)(?:\/|$)/.exec(el.value)
+      const locale = m && locales.has(m[1]) ? m[1] : "en"
+      document.cookie = `oc_locale=${encodeURIComponent(locale)};path=/;max-age=31536000;samesite=lax`
+    })
+  })
+</script>
+
 <style>
   footer.doc {
     margin-top: 3rem;