jquery中onchange和onclick的使用
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jquery中onchange和onclick的使用,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2490字,纯文字阅读大概需要4分钟。
内容图文
<script src="/js/jquery-1.8.3.min.js"></script>
<!-- ! 日期 js,css -->
<script src="/js/jquery-ui.js"></script>
<link rel="stylesheet" href="/css/demo.css">
<form >
<li style="margin-right: 0; margin-left: -20px;">
<span>切换试图</span>
<select onchange="choose_status(this);" style="width:150px" id="changeview" name="changeview" class="form-control">
<option label="所有交易" value="all">所有交易</option>
<option selected="selected" label="进行中的交易" value="current">进行中的交易</option>
<option label="已完成的交易" value="completed">已完成的交易</option>
<option label="已取消的交易" value="cancelled">已取消的交易</option>
<option label="待处理的交易" value="needaction">待处理的交易</option>
<option label="待评价的交易" value="needfeedback">待评价的交易</option>
</select>
<script>
document.getElementById("sel1").selected=true;
</script>
</li>
<li style="margin-right:0;">
<span>行为:</span>
<select onchange="choose_type(this)" id="filter" name="filter" class="form-control">
<option selected="selected" label="全部" value="all">全部</option>
<option label="买入" value="buying">买入</option>
<option label="卖出" value="selling">卖出</option>
</select>
</li>
<li style="margin-right: 0;">
<span>时间范围</span>
<input type="text" id="datepicker1" class="form-control "><small> - </small><input type="text" id="datepicker2" class="form-control ">
<button type="button" id="search" onclick="search()" value="search" class="button button-primary button-rounded button-small">查询</button>
</li>
<div class="clear"></div>
</form>
<!-- ! 查询 JS -->
<script>
function choose_status(a){
var status = a.value;
// alert(status);
}
function choose_type(b){
var user_type = b.value;
// alert(type);
}
$("#search").click(function(){
// alert(‘search‘);
var status = $("#changeview option:selected").val();
var user_type = $("#filter option:selected").val();
var start_time = $("#datepicker1").val();
var end_time = $("#datepicker2").val();
query = status +‘\n‘+ user_type + ‘\n‘+start_time +‘\n‘+end_time;
alert(query);
});
</script>
<!-- ! 日期 JS -->
<script>
$(function() {
$( "#datepicker1" ).datepicker();
$( "#datepicker2" ).datepicker();
});
</script>
原文:http://phpervip.blog.51cto.com/11075781/1743106
内容总结
以上是互联网集市为您收集整理的jquery中onchange和onclick的使用全部内容,希望文章能够帮你解决jquery中onchange和onclick的使用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。