在java script中使用switch and case给HTML写一个选择框联动，代码如何实现循环一个字典的键值对，传给case key值，传给字符串value值

对于您的问题，我可以给出以下代码示例：

HTML代码：

<select id="select1" onchange="handleChange()">
  <option value="">请选择</option>
  <option value="fruit">水果</option>
  <option value="vegetable">蔬菜</option>
</select>

<select id="select2">
  <option value="">请选择</option>
</select>

JavaScript代码：

var data = {
  fruit: ['苹果', '香蕉', '橘子'],
  vegetable: ['西红柿', '白菜', '黄瓜']
};

function handleChange() {
  var select1 = document.getElementById("select1");
  var select2 = document.getElementById("select2");
  var key = select1.value;

  // 清空下拉框
  select2.innerHTML = "<option value=''>请选择</option>";

  switch (key) {
    case "fruit":
      for (var i = 0; i < data.fruit.length; i++) {
        var option = document.createElement("option");
        option.text = data.fruit[i];
        option.value = data.fruit[i];
        select2.add(option);
      }
      break;
    case "vegetable":
      for (var i = 0; i < data.vegetable.length; i++) {
        var option = document.createElement("option");
        option.text = data.vegetable[i];
        option.value = data.vegetable[i];
        select2.add(option);
      }
      break;
  }
}

当您选择第一个下拉框中的选项时，第二个下拉框将自动更新对应的选项。同时，可以通过该示例了解如何循环一个字典的键值对，通过Switch和Case语句实现条件判断。希望能够帮到您。