將文本框數組值傳遞到javascript中

Question

我在for循環中有一個隱藏的文本框。（Codeigniter查看文件）

<input type="hidden" value="<?php echo $name->file_name;?>" name="high_name[]" />

我想將此數組值傳遞到我的Java腳本函數中。 我不知道如何為數組做。

$(".button").click( function() {

var name =  document.getElementById('high_name[]').value; 
alert(name);

});

我想要的是獲取這些名稱，並將其傳遞給另一個文本區域的值。

<textarea>.....</textarea>

Answer 1

像這樣嗎

注意 ：我稍微調整了HTML。 在輸入中添加了一個類，使它們成為text ，而不是hidden text 。 text僅供參考，請參閱發生的情況。 該類是因為（據我所知）並非所有瀏覽器都選擇具有數組表示法的元素。

 $(".button").click( function() { $('input.high_name').each(function(){ var currentVal = $("#toHere").val(); $("#toHere").val(currentVal + "\\n" + $(this).val()); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" value="Value1" name="high_name[]" class="high_name" /> <input type="text" value="Value2" name="high_name[]" class="high_name" /> <input type="text" value="Value3" name="high_name[]" class="high_name" /> <button class="button">Click me</button> <textarea id="toHere"></textarea> 

您可能需要優化\\n部分。 但是，當您根據自己的需要實施此示例時

Answer 2

document.getElementById('high_name[]')無效，因為high_name[]不是HTML元素的ID。 而是試試這個

var name = $('input[name="high_name[]"]').val();
$("#textarea_id").html(name);

//確保包含jQuery