Şimdi Ara

innerHTML'den veri okumak

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir - 2 Masaüstü
5 sn
5
Cevap
0
Favori
870
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • 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







  • 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.
  • Teşekkürler :)
    peki ben bu formu bir kaç kere ekliyorum bu verilerin hepsini çekmemin tek yolu array kullanmak mıdır?
  • 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 >




  • Çok Teşekkürler:)
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.