JQuery/Javascript清除/重置下拉列表为原始值
好的,dokey,启动并运行了一点jquery,很不错的东西JQuery/Javascript清除/重置下拉列表为原始值,javascript,jquery,list,drop-down-menu,Javascript,Jquery,List,Drop Down Menu,好的,dokey,启动并运行了一点jquery,很不错的东西 $(文档).ready(函数(){ $inputs=$(“#tbxProdAC,#DDLDBUYER,#txtbxHowMany,radTopx”); $.each($输入,函数(){ $(this).focus(函数(){ $.each($输入,函数(){ $(this.val(“”); $(this.attr('checked',false); }) }); }) }); 但是,在我的下拉列表中,我希望保留原始值,而不
$(文档).ready(函数(){
$inputs=$(“#tbxProdAC,#DDLDBUYER,#txtbxHowMany,radTopx”);
$.each($输入,函数(){
$(this).focus(函数(){
$.each($输入,函数(){
$(this.val(“”);
$(this.attr('checked',false);
})
});
})
});
但是,在我的下拉列表中,我希望保留原始值,而不是完全清除它
有没有一种方法可以指定单个值,即tbxProdAC=''、ddlbuilder=Original Value、txtbxHowMany=''、radTopx=unchecked等?您可以在JQuery中使用数据函数-您可以存储所有现有值,并在需要时再次调用这些值。您必须单独检查每个值才能做到这一点 i、 e 也许第二行对您来说最有趣——它显示了如何访问原始的“默认”值 如果您有任何问题,请发表评论,祝您好运 您是否尝试过:
document.getElementById('formId').reset();
试着这样做:
$(document).ready(function() {
$("#tbxProdAC, #ddlBuyer, #txtbxHowMany, radTopx").focus(function() {
document.getElementById('formId').reset();
});
});
在JQuery中,可以选择第一个选项
第一个选项值为零,文本为空。
现在
$(“#下拉列表”)->选择下拉列表
查找('option:first')->查找第一个选项
attr('selected'、'selected')->设置所选属性。试试这个简单的方法
document.getElementById(‘drpFruits’).options.length=0;
请编辑你的代码,它真的很乱:/onodrowan的事很抱歉。我的代码太密集了,应该正确使用html!我也不明白,这些元素中哪一个是选择框?您指定的所有元素似乎都是复选框。你好,保罗。基本上,我有三个搜索在一个页面上进行。文本框搜索(tbxProdAC)、下拉列表(DDLBeer)和文本框/单选按钮列表。我试图实现的是这样一个过程,即如果用户选择其中一个搜索,其他搜索的内容将被清除,即基本上不需要一般的“全部重置”按钮或等效按钮。感谢Gausie-我假设只需删除原始$(this).val(“”);行并替换为您的建议?正如你可能知道的,这里的新手愿意学习,但仅仅知道创建一个web应用的两周时间,我就在努力学习!你所需要的就是我给你的!(带有
$(文档)。准备好了(函数(){
和}
当然可以包装起来)。阅读jQuery网站上的选择器了解更多信息()。另外,如果我的问题对你有帮助,你能将我的问题标记为已回答吗?我喜欢rep:-)$('ddlbower')[0]。默认值
给我未定义的
所以$('ddlbower')。val(未定义);
是重置下拉列表的最简单方法;)你好,TeKapa,我尝试了上面的方法,但是在“document.getElementById('formId').reset();“line I get a error-”为空或不是对象。谢谢你帮我研究这个问题。对不起,我是一个工具,仍然把那一行留在了document.getElementById('formId')。reset(); 这实现了一个梦想…非常感谢。
$(document).ready(function() {
$("#tbxProdAC, #ddlBuyer, #txtbxHowMany, radTopx").focus(function() {
document.getElementById('formId').reset();
});
});
$('#DropDown').find('option:first').attr('selected', 'selected');
$('#DropDown')[0].selectedIndex = 0;
document.getElementById(‘drpFruits’).options.length=0;