jQuery

Question

Kullanarak birden çok girişten değer dizisi alın Birisi birkaç giriş alanından nasıl değer alacağımı lütfen bana iletebilir mi? (Formda gönderdiğiniz) JavaScript in bir çözüm

<li> 
<label>Additional Title: </label><input type='text' name='additionaltitlename' ... /> 
</li> 
<li> 
<label>Additional Title: </label><input type='text' name='additionaltitlename' ... /> 
</li> 

:

Böyle birkaç girişli bir liste var

ben JQuery içinde aynı şeyi yapmak nasıl

... 
var extratitles = document.getElementsByName('additionaltitlename'); 
var str = ''; 
     for (var i = 0; i < extratitles.length; i++) { 
     str = str + '|' + extratitles.item(i).value; 
    } 
} 

?

Answer 1

Aynı ada sahip iki girdiye sahip olmak geçerli değildir. Bunu yapmak isterseniz, <input name="titles[]">

kullanabilirsiniz Bu deneyebilirsiniz:

<input name="titles[]"> 
<input name="titles[]"> 
​<button>submit</button>​​​​​​​​​​​​​​​​​​​​​​​ 

bu jQuery ile

// click handler 
function onClick(event) { 
    var titles = $('input[name^=titles]').map(function(idx, elem) { 
    return $(elem).val(); 
    }).get(); 

    console.log(titles); 
    event.preventDefault(); 
} 

// attach button click listener on dom ready 
$(function() { 
    $('button').click(onClick); 
}); 

See it working here on jsFiddle

DÜZENLEME

Bu cevap verir usin bir dizi yerine bir dizinin başlıkları g | ayırıcı. Şahsen, bunun çok daha kullanışlı olduğunu düşünüyorum.Diğer yanıt açıklandığı gibi o ek yapmak isterse

sadece formu yayınlıyorsan ve birden değerleri desteklemek istiyoruz

Answer 2

Kullanım jQuery'nin yerli serialize fonksiyonu:

var data = $('input[name="additionaltitlename"]').serialize(); 

docs

.serialize() yöntemi standart URL olarak kodlanmış gösterimde bir metin dizesi oluşturur. Bir dizi form öğelerini temsil eden bir jQuery nesnesi üzerinde çalışır.

Answer 3

maddeler:

str = ''; 
$("input[type='text']").each(function() { 
str = str + '|' + $(this).val(); 
}); 

veya

str = ''; 
$("input[name='additionaltitlename']").each(function() { 
str = str + '|' + $(this).val(); 
}); 

?

Answer 4

Muhtemelen gidilecek yol olan @ gdoron'un veya @ macek'in cevabına ek olarak, gönderdiğiniz tüm kodun yanlış olduğunu da eklemek istiyorum, bir tane daha } çok fazla. (Hala iyileştirme için bir oda vardır rağmen) Bu çalışır:

$('#getpreviewbutton').click(function(){ 

    var extratitles = document.getElementsByName('additionaltitlename'); 
    var str = ''; 
      for (var i = 0; i < extratitles.length; i++) { 
      str = str + '|' + extratitles.item(i).value; 
      } 

});​ 

Bkz: http://jsfiddle.net/8XJcc/

Ben kullanmakta fakat oldukça kullanışlı olabilir Firebug veya Chrome Dev Tools gibi sth hangi tarayıcıyı kullandığınızı bilmiyorum Bunun gibi basit hataları tespit etmek. Firefox için bkz. this reference veya Chrome için this one. IE bile bir tane var - sadece F12'ye basın.