JQuery / Javascript清除/重置下拉列表到原始值

时间:2009-11-27 14:29:36

标签: javascript jquery list drop-down-menu

好的dokey,有点jquery up and running,可爱的东西。

  
$(document).ready(function() { 
    $inputs = $("#tbxProdAC, #ddlBuyer, #txtbxHowMany, radTopx");
    $.each($inputs, function() { 
        $(this).focus(function() { 
              $.each($inputs, function() { 
                  $(this).val('');
                  $(this).attr('checked', false); 
              }) 
        }); 
    }) 
}); 

但是,在我的下拉列表中,我希望保留原始值而不是完全清除它。

有没有办法可以指定各个值,即tbxProdAC ='',ddlBuyer = Original Value,txtbxHowMany ='',radTopx = unchecked等?

5 个答案:

答案 0 :(得分:6)

你试过了吗?

document.getElementById('formId').reset(); 

以这种方式尝试:

$(document).ready(function() { 
    $("#tbxProdAC, #ddlBuyer, #txtbxHowMany, radTopx").focus(function() { 
              document.getElementById('formId').reset(); 
        }); 
}); 

答案 1 :(得分:5)

你必须分别通过每一个来做到这一点。

$('#tbxProcAC').val('');
$('#ddlBuyer').val($('#ddlBuyer')[0].defaultValue);
$('#txtbxHowMany').val('');
$('#radTopx').attr('checked',false);

也许第二行可能最让你感兴趣 - 它显示了如何访问原始的“默认”值。

如果您有任何问题请评论,祝您好运!

答案 2 :(得分:0)

您可以在JQuery中使用数据功能 - 您可以存储所有现有值并在需要时再次调用它们

答案 3 :(得分:0)

在JQuery中

可以选择第一个选项<option value="0" > </option>第一个选项值为零,文本为空。 现在

$('#DropDown').find('option:first').attr('selected', 'selected');

$('#DropDown')[0].selectedIndex = 0;

$('#DropDown') - &gt;选择下拉列表

find('option:first') - &gt;找到第一个选项

attr('selected','selected') - &gt;设置属性已选中。

答案 4 :(得分:0)

试试这个简单的方法

 document.getElementById(‘drpFruits’).options.length=0;