• 域名认证
  • 作品:159
  • 记录:384|
  • 随笔:56|
  • 资源:216|
  • 总访问量:436082|

m 墨鱼部落格

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

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

浏览次数:

作者: 墨鱼

信息来源:

更新日期: 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给自定义反馈信息表单增加验证码
    224阅读评论()37个赞
    在创建反馈表单时可以加上验证码功能。第一步,需要开启反馈验证码功能。系统参数设置-信息设置 里开启 第二步:在反馈表单中添加验证码:<input name="key" type="text" size="6"> <img src="[!---news.url--]e/ShowKey/?
  • 帝国CMS登陆表单制作示例教程
    446阅读评论()39个赞
    帝国CMS内置强大的搜索功能,用户只需制作搜索表单指向搜索处理页面即可实现相应搜索。本文讲解:搜索表单制作语法。 搜索表单的变量说明 变量名
  • 帝国CMS评论表单制作教程及示例
    384阅读评论()41个赞
    评论发布表单的制作,可应用于内容模板及评论列表模板 评论表单变量说明 变量名 例子 评论表单提交
  • 帝国CMS投稿表单自动获取会员注册资料
    277阅读评论()41个赞
    帝国CMS在制作投稿、留言等表单时希望能自动显示会员注册资料的值而不用再输入:修改字段,设置字段初始值为:$memberinfor[会员字段名],比如:$memberinfor[oicq]
  • 帝国CMS单独制作投稿等表单页面
    928阅读评论()35个赞
    帝国CMS默认投稿是在会员中心进行的,投入界面自定义样式比较麻烦,所以希望自定义一个模板投入投稿表单:做个HTML表单,表单含原信息投稿的字段变量(含classid/id/enews/字段等变量)即可,且表单的action指向/e/DoInfo/ecms.p
  • 墨鱼部落格商业源码教程以及使用说明总汇!
    849阅读评论()73个赞
    安装说明文档视屏教程:http://www.99yuanma.net/record_share/76.html(必看-安装后有些问题这里有详细说明操作)安装说明文档:http://www.99yuanma.net/record_share/44.html(
  • 墨鱼部落格商业源码开通认证域名机制!
    4859阅读评论()197个赞
    自2014年12月1日起,墨鱼部落格商业源码正式开通认证域名机制服务!认证域名的用户需要到http://www.moyublog.com/site_misc/grant/这个链接进行域名认证!请认真填写各项参
  • 帝国cms内容页,列表页,封面页如何调用栏目别名
    527阅读评论()65个赞
    <?=$class_r[$GLOBALS[navclassid]][&#39;bname&#39;]?> 上面那一句可以在列表页和内容页去调用 封面模板要调用,博主只找到了一个用sql语句去调用的 [e:loop={"select bname
  • 利用FTP工具在线编辑网站方法!FTP工具:FlashFXP,网站编辑器:Dreamweaver
    1287阅读评论()82个赞
    下载这两个工具,百度一搜一大推,可以实现在线编辑自动上传网站文件,同理编辑器可以换成其他的编辑器比如notepad,等等。适合“懒人”站长使用!不用下载上传这样繁琐的步骤了!打开
  • ThinkPad E430 重装系统,如何设置BIOS!
    3741阅读评论()65个赞
    故障现象:ThinkPad 预装windows 8系统改装windows 7系统如何设置BIOS原因分析:ThinkPad 预装Windows 8系统改装Windows 7系统如何设置BIOS解决方案:适用机型:ThinkPad T430,
收藏此文 ( ) 感觉不错,赞哦! 打赏本站

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

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

精彩评论

最近更新作品更多
最新笔记 更多