js实现的二级联动下拉菜单内容传递的问题

我刚才在论坛在翻倒了这个js实现的二级联动下拉菜单的代码，刚好用在自己的页面中我有create.php和update.php，两个页面都用到了这个下拉菜单，前者负责创建记录，后者负责读取并更新记录我现在面临的问题是如何能够让create.php所创建的下拉菜单内容传递到update.php的相同下拉菜单，并且update.php的下拉菜单在读取了值后还能重新选择呢？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script>
    var arr=new Array();
    arr["辽宁"]=['大连','沈阳'];
    arr["山东"]=['济南','青岛'];    function f_load()
    {
        for(var i in arr)
        {
            document.my.sl1.options.add(new Option(i,i));
        }
        f_change()
    }
    function f_change()
    {
        var va=document.my.sl1.value;
        document.my.sl2.options.length=0;
        for(var i in arr[va])
        {
              document.my.sl2.options.add(new Option(arr[va][i],arr[va][i]));
        }
    }
</script>
</head><body onload="f_load()">
    <form name="my">
        <select name="sl1" onchange="f_change()"></select>
        <select name="sl2"></select>
    </form>
</body>
</html>