将文本框数组值传递到javascript中

Question

I have a hidden text-box which is in for loop.(Codeigniter View File)

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

i want to pass this array values into my java script function. I dont know how to do it for array.

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

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

});

what i want is, get these names and pass it to the another text-area's value.

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

Answer 1

Something like this?

NOTE : I adjusted the HTML slightly. A class was added to the inputs and they were made text in stead of hidden . The text is for example purposes, see what is happening. The class because (as far as i know) not all browsers select elements with a array notation all that good.

 $(".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> 

You might want to optimize the \\n part. But that comes when you implement this example to your own needs

Answer 2

document.getElementById('high_name[]') does not work since high_name[] is not the Id of the HTML element. Instead try this

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

//ensure that jQuery is included