• 域名认证
  • 作品:190
  • 记录:440|
  • 随笔:75|
  • 资源:274|
  • 评论:245|
  • 会员:5684|

m墨鱼部落格

欢迎来到墨鱼博客!
表单内把select的值传递给textarea的标准JS写法实例

表单内把select的值传递给textarea的标准JS写法实例

浏览次数:

作者: admin

信息来源:

更新日期: 2017-11-09 17:21:42

文章简介

今天给客户写一个表单用到的,具体要求就是把一个把select的值传递给textarea!效果如下:代码片段如下:<script language="javascript" type="text/javascript"><!--function setV

  • 正文开始
  • 相关文章

今天给客户写一个表单用到的,具体要求就是把一个把select的值传递给textarea!效果如下:

1.gif

代码片段如下:

<script language="javascript" type="text/javascript">

<!--
function setVar(v_sel){
 document.form0.txta1.value = v_sel.value;
}
//-->
</script>
<form name="form0" method="post" action="">
<select name="sel1" id="sel1" onchange="setVar(this);">
 <option value="南京1111">南京</option>
 <option value="北京2222">北京</option>
 <option value="东京3333">东京</option>
</select>
<textarea id="txta1" name="txta1"></textarea>
</form>
 
下面是一套更好的写法!
<form name="form0" method="post" action="">
<select name="huoquneirong" id="huoquneirong">
 <option value="获取1" data-writetext="内容说明1">获取1</option>
 <option value="获取2" data-writetext="内容说明2">获取2</option>
 <option value="获取3" data-writetext="内容说明3">获取3</option>
 <option value="获取4" data-writetext="内容说明4">获取4</option>
 <option value="获取5" data-writetext="内容说明5">获取5</option>
</select>
<textarea id="shuoming" ></textarea>
</form>
<script src="/skin/choudaima/js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#huoquneirong").change(function(){
var Temp = $("#huoquneirong option:selected").data("writetext")
$("#shuoming").html(Temp);
})
})
</script>

转载请注明: 帝国CMS模板 » 表单内把select的值传递给textarea的标准JS写法实例

  • 帝国CMS给自定义反馈信息表单增加验证码
    782阅读评论()45个赞
    在创建反馈表单时可以加上验证码功能。第一步,需要开启反馈验证码功能。系统参数设置-信息设置 里开启 第二步:在反馈表单中添加验证码:<input name="key" type="text" size="6"> <img src="[!---news.url--]e/ShowKey/?
  • 帝国CMS登陆表单制作示例教程
    1093阅读评论()45个赞
    帝国CMS内置强大的搜索功能,用户只需制作搜索表单指向搜索处理页面即可实现相应搜索。本文讲解:搜索表单制作语法。 搜索表单的变量说明 变量名
  • 帝国CMS评论表单制作教程及示例
    1210阅读评论()47个赞
    评论发布表单的制作,可应用于内容模板及评论列表模板 评论表单变量说明 变量名 例子 评论表单提交
  • 帝国CMS投稿表单自动获取会员注册资料
    514阅读评论()47个赞
    帝国CMS在制作投稿、留言等表单时希望能自动显示会员注册资料的值而不用再输入:修改字段,设置字段初始值为:$memberinfor[会员字段名],比如:$memberinfor[oicq]
  • 帝国CMS单独制作投稿等表单页面
    2349阅读评论()43个赞
    帝国CMS默认投稿是在会员中心进行的,投入界面自定义样式比较麻烦,所以希望自定义一个模板投入投稿表单:做个HTML表单,表单含原信息投稿的字段变量(含classid/id/enews/字段等变量)即可,且表单的action指向/e/DoInfo/ecms.p
  • 墨鱼部落格商业源码教程以及使用说明总汇!
    1054 阅读评论() 82 个赞
    安装说明文档视屏教程:http://www.99yuanma.net/record_share/76.html(必看-安装后有些问题这里有详细说明操作)安装说明文档:http://www.99yuanma.net/record_share/44.html(
  • ThinkPad E430 重装系统,如何设置BIOS!
    5552 阅读评论() 73 个赞
    故障现象:ThinkPad 预装windows 8系统改装windows 7系统如何设置BIOS原因分析:ThinkPad 预装Windows 8系统改装Windows 7系统如何设置BIOS解决方案:适用机型:ThinkPad T430,
  • 帝国CMS中QQ登陆提示连接错误以及微博登陆提示出错的解决方法(试)
    823 阅读评论() 74 个赞
    有些朋友安装帝国CMS官方提供的QQ登陆和微博登陆以后会出现QQ登陆提示连接错误以及微博登陆提示出错。墨鱼分析了下PHP过程,基本找到了问题所在! 问题就是:PHP环境不支持“file
  • 关于墨鱼移植的阿里白秀主题中栏目图标的设置方法!
    864 阅读评论() 58 个赞
    后台--栏目--管理栏目--(你要修改的栏目)--修改--自定义字段设置这里填上响应的图标代码就行了!图片代码我会在下面放出(点击查看大图)
  • 图片集分割输出全部和提取图片集第一张图片代码
    780 阅读评论() 80 个赞
    图片集分割morepic字段内容:<?php$picr=explode(egetzy(&#39;rn&#39;),$navinfor[morepic]);for($p=0;$p<count($picr);$p++){$spicr=explode("::::::",$picr[$p]);?>小图地
收藏此文 感觉不错,赞哦! ( ) 打赏本站

如果本文对你有所帮助请打赏本站

  • 打赏方法如下:
  • 支付宝打赏
    支付宝扫描打赏
    微信打赏
    微信扫描打赏
标签: 表单   select   textarea

精彩评论