jquery自定义属性(类型/属性值)


Posted in Javascript onMay 21, 2013
<script src="jquery-1.9.1.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function () { 
var ping = ''; 
switch ($('#Select3 option:selected').text()) { 
case '图片': ping += '<img'; break; 
case '文本框': ping += '<input type=text'; break; 
case '按钮': ping += '<input type=button'; break; 
} 
$('#attrzhi').blur(function () { 
ping += ' '; 
ping += $('#Select2 option:selected').text(); 
ping += '='; 
ping += $('#attrzhi').val(); 
}) 
$('#Button1').click(function () { 
ping += '/>'; 
alert(ping); 
$('#show').append(ping); 
}) }) 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<table> 
<tr><td><!--什么东西--> 添加类型:</td><td><select id="Select3"> 
<option>图片</option> 
<option>文本框</option> 
<option>按钮</option> 
</select></td><td rowspan="5" id='show'></td></tr> 
<tr><td> 
<!--需要设置的属性值--> 
属性:</td><td> <select id="Select2"> 
<option>src</option> 
<option>width</option> 
<option>height</option> 
<option>title</option> 
<option>value</option> 
<option>font-size</option> 
<option>color</option> 
</select> 
</td></tr> 
<tr><td>属性值:</td><td><input id="attrzhi" type="text" /></td></tr> 
<tr><td colspan="2"><div id="showattr"></div></td></tr> 
<tr><td> 内容:</td><td><input id="Text1" type="text" /></td></tr> 
<tr><td> 
<input id="Button1" type="button" value="创建" /></td></tr> 
</table> 
</div> 
</form> 
</body>
Javascript 相关文章推荐
jQuery1.6 使用方法一
Nov 23 Javascript
jQuery Mobile 导航栏代码
Nov 01 Javascript
NODE.JS加密模块CRYPTO常用方法介绍
Jun 05 Javascript
$(document).ready(function() {})不执行初始化脚本
Jun 19 Javascript
js Object2String方便查看js对象内容
Nov 24 Javascript
JQuery实现鼠标移动图片显示描述层的方法
Jun 25 Javascript
Nuxt升级2.0.0时出现的问题(小结)
Oct 08 Javascript
JavaScript this绑定过程深入详解
Dec 07 Javascript
小程序封装路由文件和路由方法(5种全解析)
May 26 Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
Jun 26 Javascript
JS的时间格式化和时间戳转换函数示例详解
Jul 27 Javascript
vue 实现图片懒加载功能
Dec 31 Vue.js
jquery实现智能感知连接外网搜索
May 21 #Javascript
JQuery调webservice实现邮箱验证(检测是否可用)
May 21 #Javascript
Extjs407 getValue()和getRawValue()区别介绍
May 21 #Javascript
js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器
May 21 #Javascript
深入理解javaScript中的事件驱动
May 21 #Javascript
基于jquery实现控制经纬度显示地图与卫星
May 20 #Javascript
jquery控制左右箭头滚动图片列表的实例
May 20 #Javascript
You might like
怎么样可以把 phpinfo()屏蔽掉?
2006/11/24 PHP
php和数据库结合的一个简单的web实例 代码分析 (php初学者)
2011/07/28 PHP
基于MySQL体系结构的分析
2013/05/02 PHP
PHP禁止个别IP访问网站
2013/10/30 PHP
PHP使用PHPMailer发送邮件的简单使用方法
2013/11/12 PHP
php使用cookie保存登录用户名的方法
2015/01/26 PHP
关于laravel-admin ueditor 集成并解决刷新的问题
2019/10/21 PHP
JS类中定义原型方法的两种实现的区别
2007/03/08 Javascript
JS的数组的扩展实例代码
2008/07/09 Javascript
JavaScript 权威指南(第四版) 读书笔记
2009/08/11 Javascript
使用 Node.js 做 Function Test实现方法
2013/10/25 Javascript
JavaScript匿名函数之模仿块级作用域
2015/12/12 Javascript
AngularJS基础 ng-value 指令简单示例
2016/08/03 Javascript
jQuery实现删除li节点的方法
2016/12/06 Javascript
DWR3 访问WEB元素的两种方法实例详解
2017/01/03 Javascript
es6学习之解构时应该注意的点
2017/08/29 Javascript
Node.js命令行/批处理中如何更改Linux用户密码浅析
2018/07/22 Javascript
bootstrap自定义样式之bootstrap实现侧边导航栏功能
2018/09/10 Javascript
微信小程序实现类似微信点击语音播放效果
2020/03/30 Javascript
详解如何在Javascript和Sass之间共享变量
2019/11/13 Javascript
基于JS实现视频上传显示进度条
2020/05/12 Javascript
微信小程序开发打开另一个小程序的实现方法
2020/05/17 Javascript
pygame学习笔记(3):运动速率、时间、事件、文字
2015/04/15 Python
浅析python 动态库m.so.1.0错误问题
2020/05/09 Python
如何对python的字典进行排序
2020/06/19 Python
英国计算机产品零售商:Novatech(定制个人电脑、笔记本电脑、工作站和服务器)
2018/01/28 全球购物
adidas马来西亚官网:adidas MY
2020/09/12 全球购物
申请任职学生会干部自荐书范文
2014/02/13 职场文书
中班中秋节活动反思
2014/02/18 职场文书
实习生评语
2014/04/26 职场文书
高考标语大全
2014/06/05 职场文书
国企干部对照检查材料
2014/08/22 职场文书
公司演讲稿开场白
2014/08/25 职场文书
离婚协议书怎么写
2015/01/26 职场文书
干货:如何写好工作计划!
2019/05/17 职场文书
C站最全Python标准库总结,你想要的都在这里
2021/07/03 Python