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

在實現(xiàn)二級聯(lián)動代碼時，我們需要用到兩個下拉菜單，一個用于顯示第一級選項，另一個用于顯示第二級選項。同時，我們還需要一個數(shù)組，其中包含所有第一級選項及其對應(yīng)的第二級選項。

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

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

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

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 值，查找到與之匹配的數(shù)組元素，然后生成第二級菜單的選項，將其添加到 select2 中，這樣就能實現(xiàn)二級聯(lián)動的效果了。

總的來說，Javascript二級聯(lián)動代碼使用比較靈活，可以根據(jù)實際需求進行擴展和修改，希望以上介紹能夠?qū)Υ蠹矣兴鶐椭?/p>