Bir div içindeki herhangi bir girdinin değerini silmek için basit bir yol?

Question

Bir elemanın çocuk elemanları üzerinde ilerlerken basit bir yolu var mı, bir div olduğunu söylüyor ve girdi herhangi sıralama ise (radyo seçeneğini, metin, gizli ...) kendi değerini ortaya koyacak?

Düzenlemeexample solution code. Guffa için çok teşekkür ve diğer katılımcılara bağlantı eklemek! Bundan öğrendim!

Answer 1

Hepinizin temizlemek istediğiniz varsayalım Çocuklar, sadece doğrudan çocukları değil, bu yüzden özyinelemelidir. Farklı giriş elemanları farklı şekilde temizlendikçe, türlerini kontrol etmelisiniz, böylece onlarla ne yapacağınızı bilmelisiniz.

clearChildren(document.getElementById('IdOfTheDiv')); 

Düzenleme::
unuttum seçeneğini ...

elemana bir referansla

function clearChildren(element) { 
    for (var i = 0; i < element.childNodes.length; i++) { 
     var e = element.childNodes[i]; 
     if (e.tagName) switch (e.tagName.toLowerCase()) { 
     case 'input': 
      switch (e.type) { 
       case "radio": 
       case "checkbox": e.checked = false; break; 
       case "button": 
       case "submit": 
       case "image": break; 
       default: e.value = ''; break; 
      } 
      break; 
     case 'select': e.selectedIndex = 0; break; 
     case 'textarea': e.innerHTML = ''; break; 
     default: clearChildren(e); 
     } 
    } 
} 

Çağrı it: Ben de textareas temizlemek, ancak değişmeden düğmeleri bırakmak istiyorum varsayalım

Düzenleme 2:
Bazı düzeltmeler: childNodes.length, tagName ve büyük tagName değerleri olmadan elemanları taşıma.

Answer 2

Karim'in cevabı iyi çalışıyor.

$("#myDiv").each(function(){ 
    if($(this).type == "input") 
     $(this).val(''); 
}); 

Aslında düşünmek gelmek , ayrıca deneyebilirsiniz: jQuery kullanarak, ben böyle bir şey gidersiniz inanıyoruz

$("#myDiv input").val('');//myDiv is your Div name 

Answer 3

Ah oğlum, bu jQuery ile bir astar olacaktır:

function clearFields(container) { 
    var selects = container.getElementsByTagName('select'); 

    for(var i=0, len=selects.length; i < len; i++) { 
     selects[i].selectedIndex = -1; 
    } 

    var fields = container.getElementsByTagName('input'); 
    for(var i=0, len=fields.length; i < len; i++) { 
     var field = fields[i]; 
     switch(field.type) 
     { 
      case 'radio': 
      case 'checkbox': 
       field.checked = false; 
       break; 

      case 'text': 
      case 'password': 
      case 'hidden': 
       field.value = '' 
     } 
    } 

    var fields = container.getElementsByTagName('textarea'); 
    for(var i=0, len=fields.length; i < len; i++) { 
     fields[i].value = '' 
    } 
} 

: Eğer <select> alanlar, metin alanları, şifre alanları ve radyo/onay kutusu alanları dikkate almanız lazım jQuery olmadan

$(':input:not(:button)', div).val([]) 

JQuery ile

Answer 4

Çok basit:

$('#myDiv').children().find('input,select').each(function(){ 
    $(this).val(''); 
}); 

Biz "Bul" in kadar etiket koyabilirsiniz

aramak.

Answer 5

Kudos, Haresh! Onay kutularının işaretini kaldırmak için küçük bir ek. (Tüm kontrol etmek gerçek kullanın.)

$('#myDiv').children().find('input,select').each(function(){ 

$(this).val(''); 
$(this).attr('checked',false); 

}); 

Answer 6

$('#div_id input[type=textbox], #div_id select, #div_id textarea').val(''); 
$('#div_id input[type=radio], #div_id input[type=checkbox]').prop('checked', false); 

jquery için.

Answer 7

form elemanları bu sayfada eşlenmeye bazı Scriptaculous etkilere sahip

function clear_form_elements(id_name) { 
    jQuery("#"+id_name).find(':input').each(function() { 
    switch(this.type) { 
     case 'password': 
     case 'text': 
     case 'textarea': 
     case 'file': 
     case 'select-one':  
      jQuery(this).val(''); 
      break; 
     case 'checkbox': 
     case 'radio': 
      this.checked = false; 
    } 
    }); 
}