文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

dedecms自定义表单用js代替联动类型解决联动问题

2022-06-12 01:45

关注

最近用DEDEcms完成一个自定义表单,要用到地区的三级级联,地区肯定要使用option下拉框,如果让人一个个填肯定不行,DEDECMS内置的联动类型被注释掉了,网上有解决联动类型的例子,但存在后台信息的是枚举,都是数字,不方便查看,网上的解决方案都不怎么完全,尝试了一下没有成功,自己便采取了比较取巧的方案,用js代替联动类型

自定义表单的字段的类型都使用单行文本,设置完之后前台查看,并浏览器查看它的源文件。

例如:

 


复制代码代码如下:

<form action="/plus/diy.php" enctype="multipart/form-data" method="post">

<input type="hidden" name="action" value="post" />

<input type="hidden" name="diyid" value="1" />

<input type="hidden" name="do" value="2" />

<table style="width:97%;" cellpadding="0" cellspacing="1">

<tr>

<td align="right" valign="top">省份:</td>

<td><input type='text' name='province' id='province' style='width:250px' class='intxt' value='' />

</td>

</tr>

<tr>

<td align="right" valign="top">地级市:</td>

<td><input type='text' name='city' id='city' style='width:250px' class='intxt' value='' />

</td>

</tr>

<tr>

<td align="right" valign="top">市、县级市:</td>

<td><input type='text' name='country' id='country' style='width:250px' class='intxt' value='' />

</td>

</tr>

<input type="hidden" name="dede_fields" value="province,text;city,text;country,text" />

<input type="hidden" name="dede_fieldshash" value="652e45ca2c11e03bbe75d9f5ab1726ba" /></table>

<div align='center' style='height:30px;padding-top:10px;'>

<input type="submit" name="submit" value="提 交" class='coolbg' />

<input type="reset" name="reset" value="重 置" class='coolbg' />

</div>

</form>

修改它的form表单,改成自己所需要的样式,并将province,city,country都改成select的类型,三级级联使用js完成

如:


复制代码代码如下:

<form action="/plus/diy.php" enctype="multipart/form-data" method="post">

<input type="hidden" name="action" value="post" />

<input type="hidden" name="diyid" value="1" />

<input type="hidden" name="do" value="2" />

<select id="s_province" name="province"><option value="省份">省份</option></select>

<select id="s_city" name="city" style="margin-left:20px;"><option value="地级市">地级市</option></select>

<select id="s_county" name="country" style="margin-left:20px;"><option value="市、县级市">市、县级市</option></select>

<script type="text/javascript" src="js/area.js"></script>

<script type="text/javascript">_init_area();</script>

<input type="hidden" name="dede_fields" value="province,text;city,text;country,text" />

<input type="hidden" name="dede_fieldshash" value="652e45ca2c11e03bbe75d9f5ab1726ba" /></table>

<div align='center' style='height:30px;padding-top:10px;'>

<input type="submit" name="submit" value="提 交" class='coolbg' />

<input type="reset" name="reset" value="重 置" class='coolbg' />

</div>

</form>

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-开源
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯