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

好的，这个问题属于技术问题，下面是实现代码：

HTML代码：

<select id="select1" onchange="selectChange()">
    <option value="0">请选择</option>
    <option value="1">选项1</option>
    <option value="2">选项2</option>
    <option value="3">选项3</option>
</select>
<br>
<select id="select2"></select>

JavaScript代码：

var dict = {"1": ["选项1-1", "选项1-2", "选项1-3"],
            "2": ["选项2-1", "选项2-2"],
            "3": ["选项3-1", "选项3-2", "选项3-3", "选项3-4"]};
function selectChange() {
    var select1 = document.getElementById("select1");
    var select2 = document.getElementById("select2");
    var value = dict[select1.value];
    select2.options.length = 0;
    select2.options.add(new Option("请选择", 0));
    for (var i = 0; i < value.length; i++) {
        select2.options.add(new Option(value[i], i + 1));
    }
}

注意，这个代码中遍历dict的键值对的方法是使用for-in循环，但是不推荐这种方法，因为它的遍历顺序不一定是添加键值对的顺序，如果要按添加顺序遍历，可以使用ES6的Map类型。