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 相关文章推荐
用JavaScript实现仿Windows关机效果
Mar 10 Javascript
一个简单的js动画效果代码
Jul 20 Javascript
javascript面向对象编程代码
Dec 19 Javascript
js 遍历对象的属性的代码
Dec 29 Javascript
jQuery插件原来如此简单 jQuery插件的机制及实战
Feb 07 Javascript
代码获取历史上的今天发生的事
Apr 11 Javascript
javascript自动恢复文本框点击清除后的默认文本
Jan 12 Javascript
微信JS接口大全
Aug 25 Javascript
React 子组件向父组件传值的方法
Jul 24 Javascript
第一个Vue插件从封装到发布
Nov 22 Javascript
详解Webpack + ES6 最新环境搭建与配置
Jun 04 Javascript
微信小程序实现省市区三级地址选择
Jun 21 Javascript
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
php中用date函数获取当前时间有误的解决办法
2013/08/02 PHP
php实现12306火车票余票查询和价格查询(12306火车票查询)
2014/01/14 PHP
PHP生成随机数的方法总结
2018/03/01 PHP
PHP SPL 被遗落的宝石【SPL应用浅析】
2018/04/20 PHP
[原创]PHP global全局变量经典应用与注意事项分析【附$GLOBALS用法对比】
2019/07/12 PHP
告诉大家什么是JSON
2008/06/10 Javascript
jquery 获取标签名(tagName)示例代码
2013/07/11 Javascript
js获取视频时长代码
2014/04/10 Javascript
跟我学Nodejs(一)--- Node.js简介及安装开发环境
2014/05/20 NodeJs
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
2014/06/06 Javascript
2014最热门的JavaScript代码高亮插件推荐
2014/11/25 Javascript
JS实现往下不断流动网页背景的方法
2015/02/27 Javascript
使用AngularJS和PHP的Laravel实现单页评论的方法
2015/06/19 Javascript
window.onload绑定多个事件的两种解决方案
2016/05/15 Javascript
详解angularJs中自定义directive的数据交互
2017/01/13 Javascript
Webpack中雪碧图插件使用详解
2018/05/25 Javascript
vue实现的下拉框功能示例
2019/01/29 Javascript
详解JavaScript的内存空间、赋值和深浅拷贝
2019/04/17 Javascript
vue请求本地自己编写的json文件的方法
2019/04/25 Javascript
史上最为详细的javascript继承(推荐)
2019/05/18 Javascript
vue-form表单验证是否为空值的实例详解
2019/10/29 Javascript
[08:08]DOTA2-DPC中国联赛2月28日Recap集锦
2021/03/11 DOTA
python不带重复的全排列代码
2013/08/13 Python
Python之父谈Python的未来形式
2016/07/01 Python
值得收藏,Python 开发中的高级技巧
2018/11/23 Python
python二维键值数组生成转json的例子
2019/12/06 Python
Python要如何实现列表排序的几种方法
2020/02/21 Python
keras自定义回调函数查看训练的loss和accuracy方式
2020/05/23 Python
Python Http请求json解析库用法解析
2020/11/28 Python
浅谈盘点5种基于Python生成的个性化语音方法
2021/02/05 Python
兰蔻俄罗斯官方网站:Lancome俄罗斯
2019/12/09 全球购物
对学校的意见和建议
2015/06/04 职场文书
写好求职信的技巧解密
2019/05/14 职场文书
Nginx实现高可用集群构建(Keepalived+Haproxy+Nginx)
2021/05/27 Servers
Python+Matplotlib图像上指定坐标的位置添加文本标签与注释
2022/04/11 Python
利用Python实现翻译HTML中的文本字符串
2022/06/21 Python