js联动清除的一个想法

 做js联动的效果时候，对于怎么清除下级的元素值是个比较麻烦的事。

一般每个父级变化了，就写一个js函数去下级的元素。如：$("#parent").change(function(){

  $("#child1").val("");$("#child1").val("");$("#child1").val("");.....});

一般的初级的同学都会这么写，有N个下级要赋值，同样要写N次，太麻烦了。

怎么办？简单，我们把每个下层都区分放好，这个我们写个函数来处理。

function clear(next){

 

next.each(function(){ $(this).val("")});

}

$("#parent").change({function(){

var next = $("#parent").next();

clear(next );

});

这个要注意的是：一般联动涉及到使用 隐藏输入域<input type='hidden'/>存值， 一般我们习惯把隐藏域放到顶部，或底部，这样的话，要得多写一些清除

下层元素对应的隐藏域的元素，但你把隐藏域放到对应的下层元素区，就可以用上面的方法处理。

总结：关于联动为了很好的管理下级元素，将所有元素，按层级分区域放好。