JQuery / Javascript Limpar / Reiniciar na lista suspensa com os valores originais

Question

Ok dokey, tem um pouco de jQuery instalado e funcionando, coisa linda.

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

No entanto, na minha lista drop-down, gostaria de manter o valor orignal em vez de limpá-la completamente.

Existe uma maneira que eu possa especificar os valores individuais ou seja tbxProdAC = '', ddlBuyer = valor original, txtbxHowMany = '', radTopx = desmarcada, etc?

Answer 1

você já tentou:

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

experimentá-lo desta maneira:

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

Answer 2

Você vai ter que passar por cada um separadamente para fazer isso.

i.

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

Talvez a segunda linha pode haver de mais intrest para você -. Ele mostra como acessar o valor original 'default'

Comentário se você tiver alguma dúvida, boa sorte!

Answer 3

Você pode usar a função de dados em JQuery - você pode armazenar todos os valores existentes e chamá-los novamente quando você precisar deles

Answer 4

em JQuery pode selecionar Primeira Opção <option value="0" > </option> primeiro valor da opção é zero eo texto está vazio. agora

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

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

$ ( '# DropDown') -> selecione suspensa

find ( 'opção: first') -> encontrar primeira opção

attr ( 'selecionados', 'selecionada') -.> Atributo conjunto selecionado

Answer 5

Tente esta simples maneira

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