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 相关文章推荐
URL编码转换,escape() encodeURI() encodeURIComponent()
Dec 27 Javascript
IE不支持getElementsByClassName最终完美解决方案
Dec 17 Javascript
sencha touch 模仿tabpanel导航栏TabBar的实例代码
Oct 24 Javascript
父节点获取子节点的字符串示例代码
Feb 26 Javascript
代码获取历史上的今天发生的事
Apr 11 Javascript
JS简单实现tab切换效果的多窗口显示功能
Sep 07 Javascript
jQuery 选择符详细介绍及整理
Dec 02 Javascript
JavaScript 详解预编译原理
Jan 22 Javascript
Angular.JS通过指令操作DOM的方法
May 10 Javascript
Three.js实现浏览器变动时进行自适应的方法
Sep 26 Javascript
简介JavaScript错误处理机制
Aug 04 Javascript
vue+element ui实现锚点定位
Jun 29 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
thinkPHP连接sqlite3数据库的实现方法(附Thinkphp代码生成器下载)
2016/05/27 PHP
PHP商品秒杀问题解决方案实例详解【mysql与redis】
2019/07/22 PHP
jQuery 遍历- 关于closest() 的方法介绍以及与parents()的方法区别分析
2013/04/26 Javascript
jquery操作对象数组元素方法详解
2014/11/26 Javascript
浅谈关于JavaScript API设计的一些建议和准则
2015/06/24 Javascript
JavaScript正则表达式简单实用实例
2017/06/23 Javascript
Linux Centos7.2下安装nodejs&amp;npm配置全局路径的教程
2018/05/15 NodeJs
Nodejs异步回调之异常处理实例分析
2018/06/22 NodeJs
在vue中使用echarts图表实例代码详解
2018/10/22 Javascript
详解vue-cli3多环境打包配置
2019/03/28 Javascript
[01:08:33]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python使用pyhook监控键盘并实现切换歌曲的功能
2014/07/18 Python
python实现的简单猜数字游戏
2015/04/04 Python
python 读写txt文件 json文件的实现方法
2016/10/22 Python
Python三种遍历文件目录的方法实例代码
2018/01/19 Python
python PyTorch预训练示例
2018/02/11 Python
使用Python读取二进制文件的实例讲解
2018/07/09 Python
python实现换位加密算法的示例
2018/10/14 Python
Python文件打开方式实例详解【a、a+、r+、w+区别】
2019/03/30 Python
利用python3 的pygame模块实现塔防游戏
2019/12/30 Python
Python异常原理及异常捕捉实现过程解析
2020/03/25 Python
一款纯css3实现的动画加载导航
2014/10/08 HTML / CSS
澳大利亚新奇小玩意网站:Yellow Octopus
2017/12/28 全球购物
美体小铺瑞典官方网站:The Body Shop瑞典
2018/01/27 全球购物
澳大利亚领先的在线葡萄酒零售商:Get Wines Direct
2018/03/27 全球购物
俄罗斯化妆品和香水网上商店:Iledebeaute
2019/01/03 全球购物
护理工作感言
2014/01/16 职场文书
高二英语教学反思
2014/01/19 职场文书
六查六看剖析材料
2014/02/15 职场文书
奶茶店创业计划书
2014/08/14 职场文书
学校运动会广播稿100条
2014/09/14 职场文书
自查自纠工作总结
2014/10/15 职场文书
党性修养心得体会2016
2016/01/21 职场文书
Nginx安装完成没有生成sbin目录的解决方法
2021/03/31 Servers
Django中的JWT身份验证的实现
2021/05/07 Python
「魔法少女伊莉雅」美游粘土人开订
2022/03/21 日漫