jQuery弹出(alert)select选择的值
<script src="jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function () {
$('#btn').click(function () {
alert($('#s option:selected').val());
})
})
</script>
</head>
<body>
<select id="s" multiple="multiple">
<option value="1">商</option>
<option value="2">炳</option>
<option value="3">奇</option>
</select>
<input type="button" id="btn" value="获取" /><br />
</body>
相关推荐
-
jquery插件hiAlert实现网页对话框美化
厌烦了IE浏览器的警告窗,伴随着"咚"恐惧的一声,让人感觉好像有一种坏事情即将来临.而如今各浏览器对网页的弹出警告框(alert).确认对话框(confirm).输入框(prompt)显示效果不一,本文借助hiAlert插件来为您统一网页的对话框风格. hiAlert插件是根据 jquery.alerts 改进得来,包括了常用的几种提示框,还提供了渐变提示条效果,弹出网页层效果,它目前兼容各主流浏览器. 使用方法 hiAlert提供了五种方法可以使用: 1.hiAlert hiAler
-
jQuery绑定事件不执行但alert后可以正常执行
因为我不知道怎么描述这个问题,故标题起的这么坑爹 主要过程是这样的,今天我写一个类似于百度知道那样有提问答案的页面,所有的数据都是页面第一次加载时通过ajax得到的 希望实现的效果是提问者可以通过店家每个答案后面的星星符号选择采纳此答案,被采纳的答案星星图标会变成全黑的. 开始我是这样写的 复制代码 代码如下: $('.choose_right_answer').bind('click',function(){ if(currentUser==questioner) { if ($(this)
-
jquery SweetAlert插件实现响应式提示框
jquery弹出层插件,支持消息提示.错误提示.确认框提示等.交互体验度非常好,大家都用微信支付.支付宝等完成用户体验度非常的不错.本插件至少要支持IE9+.使用方式也非常的简单.粗暴,很符合大众的jquery插件使用方法. 先给大家演示效果: 在线预览 源码下载 代码如下: <h1>Sweet Alert</h1> <h2>A beautiful replacement for JavaScript's "Alert"</h2>
-
jQuery提示插件alertify使用指南
1.alertify插件功能 主要实现提示功能,用于代替js中的alert,confirm,prompt,显示友好的提示框 2.alertify使用方法 1.使用的文件 主要使用三个文件,两个css(alertify.core.css,alertify.default.css),用于设置提示框的样式.一个js(alertify.min.js或alertify.js),用于实现提示框的功能. 2.实现提示框代码 alertify使用非常简单,主要步骤为:初始化(初始化alertify)->绑定(绑
-
jQuery基于函数重载实现自定义Alert函数样式的方法
本文实例讲述了jQuery基于函数重载实现自定义Alert函数样式的方法.分享给大家供大家参考,具体如下: (function(){ window.alert = function(text) { text=text.toString().replace(/\\/g,'\\').replace(/\n/g,'<br />').replace(/\r/g,'<br />'); //解析alert内容中的换行符 var alertdiv='<div id="alertd
-
自编jQuery插件实现模拟alert和confirm
啥也不说,先上图,有图有真相 :) 现在绝大多数网站都不用自带的alert和confirm了,因为界面太生硬了.因此这个插件就这样产生了... 来看插件的实现代码吧: (function () { $.MsgBox = { Alert: function (title, msg) { GenerateHtml("alert", title, msg); btnOk(); //alert只是弹出消息,因此没必要用到回调函数callback btnNo(); }, Confirm: fun
-
jquery.alert 弹出式复选框实现代码
//jQuery Alert Dialogs Plugin Version 1.0 //插件下载地址:http://abeautifulsite.net/notebook/87 自身的原方法为: 复制代码 代码如下: // Usage: // jAlert( message, [title, callback] ) // jConfirm( message, [title, callback] ) // jPrompt( message, [value, title, callback] ) 1
-
使用jQuery实现更改默认alert框体
更改框体主要用到的是更改系统的内置控件winpop下面是winpop具体代码 (function(window, jQuery, undefined) { var HTMLS = { ovl: '<div class="J_WinpopMask winpop-mask" id="J_WinpopMask"></div>' + '<div class="J_WinpopBox winpop-box" id="
-
jquery模拟alert的弹窗插件
演示地址: http://runjs.cn/detail/miwszbne 分享说明: 第N次造轮子了,只为最简单的调用,jquery模拟alert和confirm的弹窗插件 调用方法: $.alert('your message'); $.alert('your message',function(){ $.alert('click ok button') }); $.confirm('your message'); $.confirm('your message',function(resu
-
JQuery的Alert消息框插件使用介绍
下载JS文件引用到page中,如下代码: 复制代码 代码如下: <!-- Dependencies --> <script src="/path/to/jquery.js" type="text/javascript"></script> <script src="/path/to/jquery.ui.draggable.js" type="text/javascript">&l
-
基于jquery ui的alert,confirm方案(支持换肤)
实现功能: 1.修改标题样式.把jquery ui的标题样式放上去.支持换肤. 2.修改按钮样式,换成jqueryui的button按钮样式. 3.将模式化窗口的背景换成了jqueryui的模式化背景. 代码: //首先要引入jquery,以及ui的包和皮肤的样式如: <script src="../js/ui/jquery-1.11.0.min.js"></script> <script src="../js/ui/jquery-migrate
随机推荐
- Mootools 图片展示插件(lightbox,ImageMenu)收集集合
- Spring实现文件上传(示例代码)
- JS截取与分割字符串常用技巧总结
- Python统计列表中的重复项出现的次数的方法
- ASP.NET向Javascript传递变量两种实现方法
- C#中实现伪静态页面两种方式介绍
- PHP弱类型的安全问题详细总结
- CI框架简单邮件发送类实例
- Python入门篇之条件、循环
- Android实现自定义的弹幕效果
- js针对ip地址、子网掩码、网关的逻辑性判断
- PHP验证码无法显示的原因及解决办法
- javascript select options 排序(保持option 对象完整性)
- 编写Ruby脚本来对Twitter用户的数据进行深度挖掘
- JS中Iframe之间传值的方法
- Jquery把获取到的input值转换成json
- Java thrift服务器和客户端创建实例代码
- Android开发获取重力加速度和磁场强度的方法
- 华为路由器防火墙配置命令总结
- C++利用函数动态创建二维数组