最新公告
  • 欢迎您光临牛气网,本站秉承“用心服务,做好服务”致力为站长提供优质的售后服务!立即加入我们
  • DEDECMS+Js实现自定义二级联动

    DEDE有现成的二级联动管理,可以添加并生成二级联动的JS代码,使用起来非常方便。
    如果要实现自己的效果,可能要对联动过程做一点开发。
    下面的代码实例是在二级联动的过程中,添加了一个新的字段,以保存选项的值,并在前台根据JS的值做不同的事件。
    <?php
    require_once(dirname(__FILE__)."/../include/common.inc.php");

    //查询根节点

    $dsql->SetQuery("SELECT evalue,ename from `ddmx_sys_enum` where egroup='center' AND evalue%500 = 0 order by disorder asc, evalue asc");
    $dsql->Execute();

    $enums = array();
    $sort = 1 ;
    while($row = $dsql->GetArray())
    {
    $options .= "<option value=\\"{$sort}\\">{$row['ename']}</option>\\r\\n";
    $enums[] = $row['evalue'];
    $sort ++ ;
    }

    $count = count($enums);
    foreach($enums as $i=>$evalue)
    {

    //添加了一个名为link的字段,保存选项的跳转链接

    $dsql->SetQuery("SELECT evalue,ename,link from `ddmx_sys_enum` where egroup='center' AND evalue > {$evalue} AND evalue < ({$evalue} + 500) order by disorder asc, evalue asc");
    $dsql->Execute();

    $sort = 0 ;
    $i++;
    while($row = $dsql->GetArray())
    {
    $js .= "select2[". $i ."][{$sort}] = new Option(\\"{$row['ename']}\\", \\"{$row['link']}\\");\\r\\n";
    $sort++;
    }
    }

    $html = '
    <form name="frm">
    <div class="city_sch">
    <h2 class="f13">选择里您最近的学习中心</h2>
    <table width="190" height="128" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td height="51" align="center" valign="middle"><label>
    <select name="s1" onChange="redirec(document.frm.s1.options.selectedIndex)">
    <option selected>点击选择城市</option>
    '. $options .'
    </select>
    </label></td>
    </tr>
    <tr>
    <td height="22" align="center" valign="middle"><label>
    <select name="s2" id="s2">
    <option value="点击选择中心" selected>点击选择中心</option>
    </select>
    </label></td>
    </tr>
    <tr>
    <td height="55" align="center" valign="middle"><label>
    <input type="submit" name="button" id="button" value="马上提交" onclick="window.location=document.frm.s2.value;return false;"/>
    </label></td>
    </tr>
    </table>
    </div>
    </form>
    <script language="javascript">
    var select1_len = document.frm.s1.options.length;
    var select2 = new Array(select1_len);
    for (i=0; i<select1_len; i++)
    {
    select2[i] = new Array();
    }
    select2[0][0] = new Option("请选择", " ");
    '. $js .'
    function redirec(x)
    {
    var temp = document.frm.s2;
    for (i=0;i<select2[x].length;i++)
    {
    temp.options[i]=new Option(select2[x][i].text,select2[x][i].value);
    }
    temp.options[0].selected=true;
    }
    </script>
    ';

    $html = addslashes(str_replace(array("\\r\\n", '"'), array('', '\\''), $html));
    echo "document.write(\\" $html \\")";
    ?>

    1、本站所有资源皆来源于网络和用户自行上传,因此不包括售后和技术,敬请谅解!
    2、本站不保证所提供的源码的准确性、安全性和功能完善性,资源仅用于学习用!
    3、您下载的资源,请务必在24小时内删除,资源仅提供本地测试,请勿商用或者非法用途都与本站无关,一切后果自负!
    4、如发现资源下载不了,或者侵权请及时联系客服或者邮箱admin#niuqi.net,#改为@!
    牛气网 » DEDECMS+Js实现自定义二级联动

    发表评论

    • 72会员总数(位)
    • 4096资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 202稳定运行(天)

    牛气网NIUQI.NET站长源码平台

    开通SVIP会员 了解详情