如何在窗口的下拉框中显示带有逗号(，)的数据？

<select id="myDropdown">
  <!-- 下拉框选项 -->
</select>

var data = ["选项1,值1", "选项2,值2", "选项3,值3"];

var dropdown = document.getElementById("myDropdown");

for (var i = 0; i < data.length; i++) {
  var option = document.createElement("option");
  option.text = data[i].split(",")[0]; // 获取逗号前的文本作为选项显示
  option.value = data[i].split(",")[1]; // 获取逗号后的文本作为选项值
  dropdown.add(option);
}