重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
实现的方法如下:
创新互联主要从事做网站、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务靖安,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108
1、第一步,创建一个新的html文件,见下图,转到下面的步骤。
2、第二步,执行完上面的操作之后,创建输入框和按钮,见下图,转到下面的步骤。
3、第三步,执行完上面的操作之后,预览效果见下图,转到下面的步骤。
4、第四步,执行完上面的操作之后,需要引入jquery.js,见下图,转到下面的步骤。
5、第五步,执行完上面的操作之后,设置输入框的keydown事件与click事件,见下图,转到下面的步骤。
6、第六步,执行完上面的操作之后,按钮单击触发事件,见下图,转到下面的步骤。
7、第七步,执行完上面的操作之后,单击按钮,效果见下图。这样,就解决了这个问题了。
html直接写:
按钮
jquery
中也可以实现:
$('#btn').on('click',function(){
单击方法
})
$('#btn').on('doubleclick',function(){
双击方法
})
按钮触发下拉框单击事件
script
$(document).ready(function(){
$("input").click(function(){
$("select").val("123");
});
});
/script
trigger触发select下拉框
请求写在文档就绪函数里面,$('#typeId').trigger('change');用于页面载入的时候自动触发select的onchange事件 。
如果要使得select的option为某一个value的选项被触发的话,可用用这一句$('#typeId').val(saveValue).trigger('change');其中saveValue为value值。
$(function () {
// 初始化频道
$.ajax({
url: "/channel/first.ajax",
type: "get",
async: false,
dataType: 'json',
success: function (e) {
if (e.status.code == 0) { for (var i = 0; i e.data.length; i++) {
$('#typeId').append('option value="' + e.data[i].id + '"' + e.data[i].name + '/option');
/* $("option/option").val(e.data[i].id).text(e.data[i].name).appendTo($('#typeId'));*/
}
$('#typeId').trigger('change');
}
},
error: function () {
}
});
});
按钮触发下拉框单击事件
script
$(document).ready(function(){
$("input").click(function(){
$("select").val("123");
});
});
/script
trigger触发select下拉框
请求写在文档就绪函数里面,$('#typeId').trigger('change');用于页面载入的时候自动触发select的onchange事件 。
如果要使得select的option为某一个value的选项被触发的话,可用用这一句$('#typeId').val(saveValue).trigger('change');其中saveValue为value值。
$(function () {
// 初始化频道
$.ajax({
url: "/channel/first.ajax",
type: "get",
async: false,
dataType: 'json',
success: function (e) {
if (e.status.code == 0) { for (var i = 0; i e.data.length; i++) {
$('#typeId').append('option value="' + e.data[i].id + '"' + e.data[i].name + '/option');
/* $("option/option").val(e.data[i].id).text(e.data[i].name).appendTo($('#typeId'));*/
}
$('#typeId').trigger('change');
}
},
error: function () {
}
});
});