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 相关文章推荐
jquery时间下拉框小例子
Apr 15 Javascript
Jquery操作下拉框(DropDownList)实现取值赋值
Aug 13 Javascript
JS的事件绑定深入认识
Jun 26 Javascript
AngularJS语法详解(续)
Jan 23 Javascript
jquery+easeing实现仿flash的载入动画
Mar 10 Javascript
JavaScript制作简单的日历效果
Mar 10 Javascript
js传值后台中文出现乱码的解决方法
Jun 30 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
Jul 12 Javascript
JS简单实现浮动窗口效果示例
Sep 07 Javascript
使用electron将vue-cli项目打包成exe的方法
Sep 29 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
Oct 09 Javascript
JS异步宏队列与微队列原理区别详解
Jul 02 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 得到根目录的 __FILE__ 常量
2008/07/23 PHP
ThinkPHP 3.2.3实现加减乘除图片验证码
2018/12/05 PHP
PHP读取目录树的实现方法分析
2019/03/22 PHP
document.compatMode介绍
2009/05/21 Javascript
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
2010/03/21 Javascript
javascript中日期转换成时间戳的小例子
2013/03/21 Javascript
js控制表单操作的常用代码小结
2013/08/15 Javascript
jQuery回到顶部的代码
2016/07/09 Javascript
JS简单设置下拉选择框默认值的方法
2016/08/20 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
2017/03/23 Javascript
JS+jQuery实现注册信息的验证功能
2017/09/26 jQuery
BootStrap Validator 根据条件在JS中添加或移除校验操作
2017/10/12 Javascript
详解vue 实例方法和数据
2017/10/23 Javascript
使用mint-ui实现省市区三级联动效果的示例代码
2018/02/09 Javascript
关于Angularjs中自定义指令一些有价值的细节和技巧小结
2018/04/22 Javascript
jQuery zTree插件快速实现目录树
2019/08/16 jQuery
[11:01]2014DOTA2西雅图邀请赛 冷冷带你探秘威斯汀
2014/07/08 DOTA
python使用datetime模块计算各种时间间隔的方法
2015/03/24 Python
python 默认参数问题的陷阱
2016/02/29 Python
python生成式的send()方法(详解)
2017/05/08 Python
用Python写一段用户登录的程序代码
2018/04/22 Python
浅谈python中字典append 到list 后值的改变问题
2018/05/04 Python
Python2和Python3中urllib库中urlencode的使用注意事项
2018/11/26 Python
python实现得到当前登录用户信息的方法
2019/06/21 Python
解决python flask中config配置管理的问题
2019/07/26 Python
Python random模块制作简易的四位数验证码
2020/02/01 Python
在python中修改.properties文件的操作
2020/04/08 Python
巴西家用小家电购物网站:Polishop
2016/08/07 全球购物
UGG雪地靴德国官网:UGG德国
2016/11/19 全球购物
澳大利亚美容产品及化妆品在线:Activeskin
2020/06/03 全球购物
大三在校生电子商务求职信
2013/10/29 职场文书
高中军训感想
2015/08/07 职场文书
2016党员入党决心书
2015/09/22 职场文书
幼儿园小班教学反思
2016/03/03 职场文书
Python入门之使用pandas分析excel数据
2021/05/12 Python
SQL语句多表联合查询的方法示例
2022/04/18 MySQL