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是出于示例目的，请查看正在发生的事情。该类因为（据我所知）并非所有浏览器都选择带有数组符号的元素。

＆＃13;

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

＆＃13;

<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>

＆＃13;

您可能希望优化\n部分。但是，当您根据自己的需要实施此示例时，就会出现这种情况

Answer 2

document.getElementById('high_name[]')不起作用，因为high_name[]不是HTML元素的ID。而是尝试这个

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

//确保包含jQuery

将文本框数组值传递给javascript

2 个答案: