Js 如何把数据变成级联结构数据

JavaScript09

Js 如何把数据变成级联结构数据,第1张

这里提下数据结构中级联数据怎么建立

1.名称 name

2.键值 key

3.父级 fatherId （如果有就填父级id，没有就是null）

4.级联路径 path （他是父级+当前级别，ex：0-1-，父级就是0，当前级别就是-，这样目的就是为了上级查询）

这样的话干脆就用radio，别用checkbox，你看这样行不

<table width="48%" height="144" border="0" cellpadding="0" cellspacing="0">

<tr>

<td rowspan="2"><input name="shallday" type="radio" class="formfield3" id="shallday" value="1" checked onclick="document.getElementById('span1').style.visibility='visible'document.getElementById('span2').style.visibility='visible'"/>

A </td>

<td><span id="span1"><input name="shallday2" type="radio" class="formfield3" id="shallday2" value="1" checked/>

a</span></td>

</tr>

<tr>

<td><span id="span2"><input name="shallday2" type="radio" class="formfield3" id="shallday3" value="1" />

b</span></td>

</tr>

<tr>

<td><input name="shallday" type="radio" class="formfield3" id="shallday4" value="1" onclick="document.getElementById('span1').style.visibility='hidden'document.getElementById('span2').style.visibility='hidden'"/>

B</td>

<td></td>

</tr>

</table>

（1）var provs={}，存储省市的json结构数据。

（2）function loadProv() {}，此函数实现了初始化页面加载数据的功能。

（3）var prov = document.getElementById("prov")，获取存放省份的select下拉菜单。

（4）for (var key in provs)，遍历json结构数据。

（5）var provName = key，获取省份的名称。

（6）var optProv = document.createElement("option")，创建一个option元素对象。

（7）optProv.value = provName，设置option元素的value属性值。

（8）optProv.innerText = provName，设置option显示的文本内容。

（9）prov.appendChild(optProv)，将option元素添加到select下拉菜单。

（10）function provChange() {}，作为onchange事件处理函数。

（11）var prov = document.getElementById("prov"),获取省份下拉菜单。

（12）var city = document.getElementById("city"),获取城市下拉菜单。

（13）var provName = prov.value，获取当前选中的省份的value值。

（14）if (provName == "none") {

city.style.display = "none"

return

}，如果值等于none，说明选中的是第一项，那么城市下拉菜单还是具有隐藏状态，并跳出函数。

（15）else {

city.style.display = ""

},否则的话显示出城市下拉菜单，默认状态它是隐藏的。

（16）var citys = provs[provName]，获取城市，citys是个数组。

（17）for (var index = city.childNodes.length - 1index >= 0index--) {

var child = city.childNodes[index]

city.removeChild(child)

}，遍历城市下拉菜单下的option元素，然后删除这些元素。

之所以清空就是为了防止当再次加载的时候出现累加情况。

（18）for (var index = 0index <citys.lengthindex++) {}，遍历数组中的元素，也就是城市。

（19）var optCity = document.createElement("option")，创建option元素。

（20）optCity.value = citys[index]，设置option元素的value值。

（21）optCity.innerText = citys[index]，设置option元素的文本内容。

（22）city.appendChild(optCity)，将option元素添加select下拉菜单。

数据表形式数据

json形式数据