Javascript 基于地图点击在JS中为语言设置Cookie

我有两个弹出模式，允许用户选择一种语言

语言模式：允许用户选择区域，然后将当前页面转换为所选语言。 立即购买模式：当用户单击网站上的任何立即购买链接时，此模式会弹出。 如果：

用户进入该网站时，他们没有使用全球英语选择语言，他们单击buy now链接，它将打开buy now模式。 用户进入网站，打开语言模式，然后点击buy now链接，buy now模式不会弹出，因为我们已经知道用户使用的语言。 我已经为buy now模式准备了一套饼干，叫做buyLang。当用户单击buy now链接并从模式中选择语言时，它将设置buyLang cookie:var buyLang=$.cookie'buyLang'

为了简化，我想：

设置一个名为language selected的cookie。当创建了所选语言的cookie且buyLang cookie不存在时，请使用相同的值创建两个cookie。 创建buyLang cookie时，使用相同的值创建语言选定cookie，这样用户就不必再次选择语言。

---

最好的方法是什么？

你的问题有点复杂，我不明白你的意思，但如果你想管理cookies，你可以使用库

例如：

HTML:

---

你尝试了什么？为什么不起作用？@Freddy我想你可以试试这个=

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>

<select id="selectListLanguage">
  <option value="en">English</option>
  <option value="id">Indonesia</option>
</select>

<button id="btnSubmitLanguage">Change</button>

function btnSubmitLanguageOnClick() {
  const newLanguage = $("#selectListLanguage option:selected").val();

  if (!Cookies.get("language-selected")) {
    Cookies.set("language-selected", newLanguage);
  }

  if (!Cookies.get("buyLang")) {
    Cookies.set("buyLang", newLanguage);
  }

  //   You can set the language of the page contents in server side with reload this page
  location.reload();
}

$("#btnSubmitLanguage").click(btnSubmitLanguageOnClick);