HTML 二級省市聯動代碼是一種非常實用的前端開發技術，它可以在不重復寫入大量代碼的情況下，實現二級省市聯動下拉列表的功能。下面是一個二級省市聯動代碼的示例：

<select name="province" id="province">
<option value="">請選擇省份</option>
<option value="北京市">北京市</option>
<option value="河北省">河北省</option>
<option value="山東省">山東省</option>
...
</select>
<select name="city" id="city">
<option value="">請選擇城市</option>
</select>
<script>
var cities = {
"北京市": ["東城區", "西城區", "朝陽區", ...],
"河北省": ["石家莊市", "唐山市", "邯鄲市", ...],
"山東省": ["濟南市", "青島市", "煙臺市", ...],
...
};
var province = document.getElementById('province');
var city = document.getElementById('city');
province.addEventListener('change', function () {
city.innerHTML = "<option value=''>請選擇城市</option>";
var selectedProvince = province.options[province.selectedIndex].value;
var citiesOfProvince = cities[selectedProvince];
for (var i = 0; i < citiesOfProvince.length; i++) {
var option = document.createElement('option');
option.value = citiesOfProvince[i];
option.appendChild(document.createTextNode(citiesOfProvince[i]));
city.appendChild(option);
}
});
</script>

該代碼中，首先定義了兩個下拉列表框，分別表示省份和城市。然后使用 JavaScript 定義了一個省份與城市對應關系的數據結構。

在 JavaScript 代碼中，首先使用 document.getElementById() 方法獲取了省份和城市的元素，然后使用 addEventListener() 方法為省份下拉列表框添加了一個 change 事件監聽器。當省份下拉列表框選定了一個具體的省份時，該監聽器會根據當前選中的省份，調用 cities 對象獲取該省份對應的城市列表，將城市列表遍歷一遍，并使用 document.createElement() 方法創建相應的 option 元素，并將其添加到城市下拉列表框中，從而實現了二級聯動的效果。

總的來說，該代碼既簡潔又實用，可以滿足大多數情況下二級聯動下拉列表的需求，是前端開發工程師不可或缺的技能之一。