将文本框数组值传递到javascript中 - pass text box array values into javascript

pass text box array values into javascript

本文关键字：javascript 值传文本数组 | 更新日期: 2023-09-27

我有一个隐藏的文本框，它在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>

类似的东西？

注意：我稍微调整了HTML。一个类被添加到输入中，并且它们被设置为text而不是hidden。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部分。但当您根据自己的需要实现此示例时，就会出现

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

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

//确保jQuery包含