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 相关文章推荐
cnblogs中在闪存中屏蔽某人的实现代码
Nov 14 Javascript
Javascript对象属性方法汇总
Nov 21 Javascript
JQuery的Ajax中Post方法传递中文出现乱码的解决方法
Oct 21 Javascript
使用JavaScript实现旋转的彩圈特效
Jun 23 Javascript
Bootstrap~多级导航(级联导航)的实现效果【附代码】
Mar 08 Javascript
jQuery封装的屏幕居中提示信息代码
Jun 08 Javascript
Vue.js每天必学之数据双向绑定
Sep 05 Javascript
Jquery鼠标放上去显示全名的实现方法
Feb 06 Javascript
手把手搭建安装基于windows的Vue.js运行环境
Jun 12 Javascript
JavaScript基本语法_动力节点Java学院整理
Jun 26 Javascript
Angular resolve基础用法详解
Oct 03 Javascript
在Create React App中使用CSS Modules的方法示例
Jan 15 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
ThinkPHP 防止表单重复提交的方法
2011/08/08 PHP
PHP将XML转数组过程详解
2013/11/13 PHP
PHP获取服务器端信息的方法
2014/11/28 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
PHP利用curl发送HTTP请求的实例代码
2020/07/09 PHP
PHP7 新增功能
2021/03/09 PHP
解密效果
2006/06/23 Javascript
jquery属性选择器not has怎么写 行悬停高亮显示
2013/11/13 Javascript
jQuery中:last选择器用法实例
2014/12/30 Javascript
JavaScript中eval()函数用法详解
2015/12/14 Javascript
使用jquery/js获取iframe父子级、同级获取元素的方法
2016/08/05 Javascript
浅述节点的创建及常见功能的实现
2016/12/15 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
2017/02/22 Javascript
微信小程序开发背景图显示功能
2018/08/08 Javascript
高效jQuery选择器的5个技巧实例分析
2019/11/26 jQuery
vue输入框使用模糊搜索功能的实现代码
2020/05/26 Javascript
Vue Elenent实现表格相同数据列合并
2020/11/30 Vue.js
利用JavaScript为句子加标题的3种方法示例
2021/01/05 Javascript
Python中使用MELIAE分析程序内存占用实例
2015/02/18 Python
详解如何使用Python编写vim插件
2017/11/28 Python
Python使用Phantomjs截屏网页的方法
2018/05/17 Python
Python3获取电脑IP、主机名、Mac地址的方法示例
2019/04/11 Python
PyCharm中配置PySide2的图文教程
2020/06/18 Python
Pytorch 解决自定义子Module .cuda() tensor失败的问题
2020/06/23 Python
iframe与window.onload如何使用详解
2020/05/07 HTML / CSS
法国奢华女性时尚配饰网上商店:Monnier Frères
2016/08/27 全球购物
斯洛伐克香水和化妆品购物网站:Parfemy-Elnino.sk
2020/01/28 全球购物
枚举与#define宏的区别
2014/04/30 面试题
餐饮业创业计划书范文
2014/01/06 职场文书
计算机学生的自我评价分享
2014/02/18 职场文书
管理部副部长岗位职责范文
2014/03/09 职场文书
综治工作汇报材料
2014/10/27 职场文书
毕业设计致谢词
2015/05/14 职场文书
Python学习之os包使用教程详解
2022/03/21 Python
numpy array找出符合条件的数并赋值的示例代码
2022/06/01 Python
Mysql中mvcc各场景理解应用
2022/08/05 MySQL