<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Jquery Select</title>
</head>
<body>
<form action="#" method="get">
<select name="city" id="city">
</select>
<input type="button" id="sendsms" value="send sms" />
<input type="reset" value="reset" />
<button id="submit">submit</button>
</form>
<script type="text/javascript" src="${pageContext.request.contextPath}/resource/assets/js/jquery.js"></script>
<script type="text/javascript">
$(function(){
$('#city').empty();
$.getJSON("/y/admin/trackcheck.do", {
page: '1',
id: Math.random()
},
function(data) {
$.each(data, function(i, v) {
//$('<option></option>').val(v['cityid']).text(v['name']).appendTo($('#city'));
$('<option></option>').val(v['trackID']).text(v['trackName']).appendTo($('#city'));
});
});
$('#city').change(function(){
var val = $(this).val();
alert(val);
});
dologin();
sendsms();
});
// ajax登陆
function dologin() {
$('#submit').click(function(){
alert('submit clicked');
});
}
// click the 'send sms'
function sendsms(){
$('#sendsms').click(function(){
disableSendSms();
});
}
// 10秒后重发短信
var t = 10;
function disableSendSms(){
$('#sendsms').attr('disabled', 'disabled');
if(t > 0){
t--;
var timer = setTimeout('disableSendSms()', 1000);
$('#sendsms').val(t + ' senond can send sms again');
} else {
$('#sendsms').removeAttr('disabled');
$('#sendsms').val('send sms');
t = 10;
}
}
</script>
</body>
</html>
分享到：
相关推荐
**jQuery Select2组件详解** `jQuery Select2`是一款强大的、高度可定制的下拉选择框插件，它在原生HTML `<select>` 元素的基础上提供了丰富的功能和优秀的用户体验。这款组件广泛应用于网页开发中，使得传统的单选...
为了解决这些问题，jQuery社区推出了一个强大的插件——jQuery Select2。Select2不仅提供了美观的界面，还增强了用户体验，特别是对于大型数据集的搜索功能，使得在下拉框中快速找到所需选项变得轻而易举。 一、...
本文将深入探讨“jQuery select 多种下拉日期选择插件”的相关知识点，帮助开发者理解和应用此类插件。 首先，我们来解析标题：“jQuery select 多种下拉日期选择插件”。这个标题暗示了我们正在讨论一个基于jQuery...
"jQuery Select下拉框美化特效"就是为了提升用户体验，将原本朴素的Select元素转化为具有视觉吸引力的组件。 该特效主要基于JavaScript库jQuery实现，jQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件...
**jQuery Select(单选) 模拟插件 V1.3.6 知识点详解** 在网页开发中，我们经常需要使用到选择器来获取用户的选择，原生的HTML `<select>` 元素虽然简单易用，但在样式定制和交互效果上往往显得力不从心。为了改善这...
1. **初始化**：使用jQuery选择器获取所有的`<select>`元素，并为它们添加必要的类或ID，以便于后续的样式应用和事件绑定。 2. **事件监听**：添加事件监听器，如`click`事件，当用户点击下拉框时触发自定义的显示...
在“jquery select”这个标签中，我们可以想到几个知名的jQuery插件，例如Select2、Chosen和Bootstrap Select。这些插件通常包含以下核心特性： 1. **自定义样式**：通过CSS样式，可以定制下拉列表的外观，包括字体...
<title>jQuery Searchable Select示例 <link rel="stylesheet" href="jquery.searchableSelect.css"> <select id="mySelect"> 选项1 选项2 <!-- 添加更多选项 --> </select> <script src="jquery-1.11.1....
1. **jQuery Select Plugins**： - **Chosen**：Chosen是一个流行的jQuery插件，它提供了可搜索、可选择的多选下拉框，具有良好的用户体验。通过简单的配置，可以轻松地将普通的select元素转换为美观的下拉框。 - ...
jquery select日历选择器点击select框弹出日期选择器 jquery select日历选择器点击select框弹出日期选择器 jquery select日历选择器点击select框弹出日期选择器 jquery select日历选择器点击select框弹出日期选择器
"jQuery Select下拉框关键字匹配查询选择代码"是关于利用jQuery实现一种功能，即在下拉选择框中通过输入关键字实时筛选出匹配的选项。这种功能常见于许多Web应用中，可以极大地提高用户体验，让用户能够快速找到目标...
jquery select表单提交省市区城市三级联动 jquery select表单提交省市区城市三级联动 jquery select表单提交省市区城市三级联动 jquery select表单提交省市区城市三级联动
在“jquery select美化插件”这个主题中，我们主要关注的是如何利用jQuery扩展原生的`<select>`元素，使其外观和交互更加友好。 描述中提到的“附带jquery1.5”，意味着这个插件依赖于jQuery 1.5版本。尽管这个版本...
### jQuery Select单选模拟插件概述 jQuery Select单选模拟插件是一个基于jQuery JavaScript库的插件，主要用于在网页上模拟原生HTML SELECT单选元素的行为和样式。这种插件特别有用，当开发者希望拥有更多自定义...
《jQuery Select样式框架详解》 在网页开发中，选择框（select）是常见的表单元素，但其默认样式往往显得单调且不具吸引力。为此，开发者们常常利用jQuery和其他前端库来增强select元素的视觉效果，使其更符合现代...
在本示例中，我们将探讨如何使用jQuery实现“select”元素的互斥联动效果，这是一种常见的表单控件交互设计，常用于多级筛选或配置场景。 一、基本概念 1. jQuery：jQuery 是一个高效、简洁而易用的JavaScript库，...
**jQuery Select2插件详解** Select2是一款基于jQuery的增强型下拉选择框插件，它极大地改进了原生HTML `<select>` 元素的用户体验和功能。标题中的"select2(jquery)插件下载"指的是这个插件的获取途径，通常通过...
《jQuery Select插件：打造统一美观的下拉选择体验》 在网页开发中，下拉选择框（Select）是常用的一种交互元素，用于提供多个选项供用户选择。然而，原生的HTML `<select>` 元素在不同浏览器下的表现可能不尽相同...
《jQuery SelectCombo插件的深度解析与应用》 在网页开发中，下拉选择框（Select）是最常见的表单元素之一，但其功能相对有限，无法满足复杂的交互需求。为了解决这一问题，jQuery库提供了丰富的插件，其中jQuery ...
`jQuery Select下拉框美化代码`就是一个专门解决这一问题的实例，它采用绿色清新风格，并添加了滚动条效果，使得原本单调的下拉框变得更具吸引力。 首先，我们需要了解jQuery库。jQuery是一个广泛使用的JavaScript...