今天我們要來學習Javascript二級聯動代碼。二級聯動是在網頁中常用的一種交互方式，它能夠在用戶選擇第一級選項后，在第二級選項中只顯示與第一級選項相關的內容。比如在購物網站中，用戶選擇了電視類別后，第二級選項中只會出現與電視相關的品牌和型號，而不會出現其他品類的商品。

在實現二級聯動代碼時，我們需要用到兩個下拉菜單，一個用于顯示第一級選項，另一個用于顯示第二級選項。同時，我們還需要一個數組，其中包含所有第一級選項及其對應的第二級選項。

var source = [{
name: '電視',
children: ['小米電視4C','小米電視4S','小米電視4X']
},{
name: '手機',
children: ['小米9','小米8','Redmi Note7']
}];

以上是一個示例的數組，其中包含了兩種第一級選項，分別是電視和手機，同時每個選項下面都有三種對應的第二級選項。這樣的數組可以用于展示所有的選項數據，我們還需要根據用戶選擇實現二級菜單的聯動效果。

在代碼中，需要為第一級選項綁定一個 onchange 事件，當用戶選擇了第一級選項時，就能觸發這個事件，并根據選擇的內容動態生成第二級菜單，其代碼如下：

var select1 = document.getElementById('select1');
var select2 = document.getElementById('select2');
select1.onchange = function() {
var val = select1.value;
for(var i=0; i< source.length; i++) {
if(source[i].name === val) {
var options = '';
var arr = source[i].children;
for(var j=0; j<arr.length; j++) {
options += '<option>'+arr[j]+'</option>';
}
select2.innerHTML = options;
}
}
}

在上述代碼中，我們首先獲取了第一級選項和第二級選項的 select 元素，并為第一級選項綁定了 onchange 事件。當用戶選擇了第一級選項后，我們通過獲取 select1 的 value 值，查找到與之匹配的數組元素，然后生成第二級菜單的選項，將其添加到 select2 中，這樣就能實現二級聯動的效果了。

總的來說，Javascript二級聯動代碼使用比較靈活，可以根據實際需求進行擴展和修改，希望以上介紹能夠對大家有所幫助。