织梦DEDECMS+Js实现自定义二级联动

首页 > 技术支撑 > 织梦学习

分类

织梦学习帝国cms 微信相关福利经验

织梦DEDECMS+Js实现自定义二级联动

分类: 织梦学习发布者：会员：虎哥

织梦dedecms有现成的二级联动管理，可以添加并生成二级联动的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 = '

<h2 class="f13">选择里您最近的学习中心</h2>

<tr>

<option selected>点击选择城市</option>

'. $options .'

</select>

</label></td>

</tr>

<tr>

<option value="点击选择中心" selected>点击选择中心</option>

</select>

</label></td>

</tr>

<tr>

</label></td>

</tr>

</table>

</div>

</form>

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 /")";

感谢会员：虎哥分享文章，亦感谢文章原作者为我们提供如此优秀信息，如果此信息对您有帮助，请购买正版以支持作者!
---------------------------
此信息仅供个人学习、研究免费使用，禁止非法转播。
免责申明：本信息由会员：虎哥搜集整理发布，版权归原作者及发布者所有，您如有异议请举报或者版权申诉
六出奇e站内部资源仅提供学习的平台，所有资料均来自于网络，版权归原创者所有！
六出奇e站内部资源不提供任何保证，并不承担任何法律责任。
如果该信息对您的版权或者利益造成损害，请提供相应的资质证明提交版权投诉，我们将于3个工作日内予以处理。
六出奇e站内部资源采用 BY-NC-SA 协议进行授权转载请注明原文链接:
织梦DEDECMS+Js实现自定义二级联动 http://www.lcqez.com/news/287.html

本文标签：

上一篇：织梦dedecms默认首页及www的301跳转
下一篇：织梦DedeCms5.7缩略图变形解决方法（测试通过）

六出奇e站内部资源

分类

推荐文章

推荐下载

标签推荐

织梦DEDECMS+Js实现自定义二级联动

找不到需要的信息？请给我们留言