innerHTML'den veri okumak

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme PHP / CGI innerHTML'den veri okumak

Bu konudaki kullanıcılar: 1 misafir

4
Cevap 991
Tıklama 0
Öne Çıkarma

1. sayfa

innerHTML'den veri okumak

Cevap Yaz

ed25519

15 yıl (54 mesaj)

Çavuş

Konu Sahibi

Merhabalar
innerHTML kullanarak bir form ekledim ve bu formun içindeki değerleri okumak istiyorum.
Mesela bir fonksiyonun içinde çalışan

element.innerHTML = ('<table frame="box">'+  
  	'<th colspan="2">YENİ PHRASE</th>' + 
  	'<tr>' +  
      '<td class="lcol" >' +     
          'Sub_Phrase Name:' + 
      '</td>' + 
      '<td class="rcol" >' + 
          '<input type="text"  value="NULL" name="name"/>' + 
      '</td>' + 
  	'</tr>' + 
  	'<tr>' +  
      '<td class="lcol" >' +     
          'Type:' + 
      '</td>' + 
      '<td class="rcol" >' + 
          '<form action="">' + 
  		'<select name="type">' + 
  		'<option value="1">Sabit</option>' + 
  		'<option value="2">Değişken</option>' + 
  		'</select>' + 
  		'</form>'+ 
      '</td>' + 
  	'</tr>' + 
  	'<tr>' +  
      '<td class="lcol" >' +     
          'Description:' + 
      '</td>' + 
      '<td class="rcol" >' + 
          '<input type="text"  value="NULL" name="desc"/>' + 
      '</td>' + 
  	'</tr>' + 
  	'</table>');

bu koddan Description'ı, type'ını ve Sub_Phrase Name'ini nasıl okuyabilirim

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme

un.real

15 yıl (4994 mesaj)

Binbaşı

document.getElementsByName(isim) fonksiyonu ile alabilmen lazım.

var descValue = document.getElementsByName("desc")[0].value 
  //dikkat edersen burada array erişim yöntemi ( [#] ) kullandım, çünkü getElementsByName bir array verir geriye.

Bu mesaja 1 cevap geldi.

ed25519

15 yıl (54 mesaj)

Çavuş

Konu Sahibi

Teşekkürler :)
peki ben bu formu bir kaç kere ekliyorum bu verilerin hepsini çekmemin tek yolu array kullanmak mıdır?

Bu mesaja 1 cevap geldi.

un.real

15 yıl (4994 mesaj)

Binbaşı

getElementsByName array döndürüyor, eğer hepsinde aynı name ( "desc" ) kullanılıyorsa getElementsByName'in array'i ile erişebilirsin.
Alternatif olarak, her birine ayrı bir ID vererek getElementById fonksiyonunu da kullanabilirsin. Bu fonksiyon tek bir element döndürür, array kullanmazsın.
Alternatif olarak :) aşağıdaki yapıyı incele:

<form id="form1"> 
     <input type="checkbox" name="checkBox" />Check Box 
     <input type="text" name="desc" value="ilk değer"/> 
  </form> 
  <form id="form2"> 
     <input type="text" name="desc" value="ikinci değer"/> 
     <input type="submit" value="test" onclick="descFonksiyonu()" /> 
  </form> 
  <form id="form3"> 
     <input type="text" name="desc" value="üçüncü değer"/> 
  </form> 
   
  <script type="text/javascript"> 
  function descFonksiyonu(){ 
     for(var i=1; i<=3; i++){ 
        var siradakiForm = document.getElementById("form"+i); 
  	  var inputElements = siradakiForm.getElementsByTagName("input"); 
  	  for(var e in inputElements){ 
            if(inputElements[e].type == "text" && inputElements[e].name == "desc"){ 
              alert(inputElements[e].value);  
  		 } 
  	  } 
     } 
  } 
  </script>

< Bu mesaj bu kişi tarafından değiştirildi un.real -- 15 Eylül 2011; 11:20:56 >
Bu mesaja 1 cevap geldi.

ed25519

15 yıl (54 mesaj)

Çavuş

Konu Sahibi

Çok Teşekkürler:)

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme PHP / CGI innerHTML'den veri okumak