请问一下！javascript中的记录全部显示出来产生联动菜单的问题！

Question

关于联动总理请看:
参考:
http://www.programfan.com/club/showbbs.asp?id=59038

Answer 1

直接Ajax，更简单！真的。也避免了页面预存的一堆数据如果你是Java后台，建议看看DWR这是我写的一个联动，感觉一下，就这么多function callback(data)
{
var e=document.getElementById('pbSelect');
e.innerHTML='';
createSelect(e,'全部手机类型','-1');
for(var i=0;i<data.length;i++)
{
createSelect(e,data[i].brandName,data[i].id);
}
}
function createSelect(pE,dataname,data)
{
var option=document.createElement('option');
option.innerHTML=dataname;
option.value=data;
pE.appendChild(option);
}
function selectChild()
{
var sE=window.event.srcElement;
JSPhoneAction.getPhoneById(sE.value,viewChild);
}
function viewChild(data)
{
var e=document.getElementById('ptSelect');
e.innerHTML='';
createSelect(e,'全部手机型号','-1');
for(var i=0;i<data.length;i++)
{
createSelect(e,data[i].model,data[i].id);
}
}
function delText()
{
window.event.srcElement.value='';
}

Answer 2

我想请问一下。我改变一个列表的同时要更新其他三、四个列表的值。（我知道怎么做一个列表改变，利用ajax改变另外一个列表的值）那一个改变双个列表的这样怎么做呢？如果是利用ajax?

Answer 3

首先你要能用ajax得到原始数据
name:gyh
age:24要处理一个列表
第一个列表有个onchang  ,触发事件处理run()，，run()处理什么呢？把name:gyh age:24填写到第二个列表中要处理三个列表
第一个列表有个onchang  ,触发事件处理run()，，run()处理什么呢？把name:gyh age:24填写到第二和第三和第四个列表中
function run()
{
  runTo2();
  runTo3();
  runTo4();
}
如果你觉得数据不止name:gyh age:24，你可以在得到数据的时候做个处理
function dataSelect(data,age)
{
  //data是传入的Ajax数据，age指定判断界限
}
然后声明两个变量
var A=dataA; 数据堆一
var B=dataB;数据堆二把>age:24的放一堆A，把<age:24的放一堆B，看情况再事件处理程序中把A,B填到你需要的地方

Answer 4

你一定要深入体会
数据  视图  和业务的分离。数据属于数据领域，你拿到数据可以随意的处理，记住只是单纯的处理数据，不要做其他的，比如把一个苹果切3块，从3块中拿出一个在切2块，再拿另一个切8块，等等。数据处理完，一定要很干净。数据的高度抽象就是常说的对象，是数据对象，也叫领域模型视图是你所要表现的东西，Dom树结构就是，它只是结构，你可以随意的搭结构，一颗树有两个树叉，另一个树有4个树叉，另一个树有8个树叉好了，然后呢，
然后你把数据填入视图，比如把苹果放到第一个树上，那这就是有两个树叉的苹果树，把香蕉放到第二棵数上，这就是有4个树叉的香蕉树，把葡萄放到第三个树上，哪，这个树就是有8个树叉的葡萄树你怎么放这些水果呢？？？这就是最后的一个板块，业务。业务是什么呢？
业务是你的动作，就出处理方法。你是用手放还是用钳子放。
用手：
function hand(apple，dom)
{
//apple是你处理过的干净的数据
//dom是你处理过的结构
}
用钳子：
function qianzi(banana,dom)
{
//banana是你处理过的干净的数据
//dom是你处理过的结构
}时刻要记住分离的代码，设计可分离的代码！上面的设计方法还有个学名，叫MVC