author : lzb
2007-02-14
呵呵,马上就要过年了,在这里先给大家拜年了,过年好!
遥想当年,这个小问题也困扰了我很久,现在写出来,跟大家分享一下。 本文主要是讲利用form提交方法实现 PHP-二级联动下拉菜单,当然现在有更好的选择,ajax实现无刷新的联动,不过在这里不做介绍。
原理: 呵呵,其实也谈不上什么原理,就是在用户选择一次的时候是让表单实现一次提交,不过不是提交给别人,而是提交给自己,然后利用PHP处理提交的值(即用户选择的值),根据用户选择的值进行筛选,得到下一个选择下拉框的值,并将其重新显示到页面上。
注意: 可千万不要忘了,提交后显示时要保存住用户选择时的值啊。
实现:
1.如何实现在用户选择的时候实现一次提交呢,而且还是提交给自己呢?
呵呵,这个问题很简单。在用户的选择变化时就会触发select的onchange事件,只要在这个事件里利用2句javascript代码就可以实现提交给自己了。鉴于方便,我将这2句js写在一个函数里面,如下:
function refresh() ... {
//设置表单的action属性,让它指向自己
test.action = location.href;
//提交表单
test.submit();
}
上面代码中的test是包含选择下拉框的表单名,这个你可以根据你的需要,随边设定,当然也可以把它作为函数的参数传进来,我为了省事儿,就直接写死在里面了,呵呵。
2.接下来就是PHP的实现了,我将代码封装在一个类里面,在这里我就不想详细的讲了,只说明一下几个重要函数,然后把代码贴出来,大家自己看看吧。看函数说明时,最好参照代码。
function createList :此函数是用于生成选择下拉框的,此函数功能远不止这个,要仔细的看哦。$selected_value这个参数要重点提一下,他就是用来保存用户选择的值的。
function selectFirst :此函数是通过用户提交的值进行筛选。
function showList :此函数是将下拉框显示到页面,注意:他的参数$arg只能传$_POST哦。
php代码如下:
// 定义默认值
define ( ' NO_SELECTED ' , ' -------- ' );
/* **
class : createSelectList
function : 实现二级联动下拉选择框
create : lzb 2007-02-14
* */
class createSelectList{
// 第一级下拉框
var $select1 ;
// 第二级下拉框(辽宁)对应的选项
var $select2_LN ;
// 第二级下拉框(其他)对应的选项
var $select2_OT ;
var $list ;
/* *
function : 构造函数
argument : 无
create : lzb 2007-02-14
*/
function createSelectList(){
// 初始化第一级下拉框的值
$this -> select1 = array ();
$this -> select1[ " title " ] = array (
NO_SELECTED ,
" 辽宁 " ,
" 其他 " );
$this -> select1[ " value " ] = array (