CODEWITHSUNDEEP
javascriptjquerylistdrop-down-menu
MrDean
MrDean

Reputation: 305

JQuery/Javascript Clear/Reset Drop down List to original values

Ok dokey, got a bit of jquery up and running, lovely stuff.

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

However, in my drop down list, I wish to retain the orignal value rather than clear it altogether.

Is there a way I can specify the individual values i.e. tbxProdAC ='', ddlBuyer = Original Value, txtbxHowMany='', radTopx =unchecked, etc?

Upvotes: 2

Views: 32778

Answers (5)

Munavar
Munavar

Reputation: 11

Try this simple way

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

Upvotes: 0

Yasir Aslam
Yasir Aslam

Reputation: 507

in JQuery can select First Option <option value="0" > </option> first option value is zero and text is empty. now 

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

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

$('#DropDown') -> select dropdown

find('option:first') -> find first option

attr('selected', 'selected') -> set attribute selected.

Upvotes: 0

TeKapa
TeKapa

Reputation: 546

have you tryed:

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

try it this way:

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

Upvotes: 6

Gausie
Gausie

Reputation: 4359

You'll have to go through each one separately to do that.

i.e.

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

Perhaps the second line there may be of most intrest to you - it shows how to access the original 'default' value.

Comment if you've any questions, good luck!

Upvotes: 5

matpol
matpol

Reputation: 3074

You can use the data function in JQuery - you can store all the existing values and call them again when you need them

Upvotes: 0

Related Questions