jQuery，将多个值附加到一个隐藏的输入

Question

I have a following variable

var $pk3s_c = $('<input id = query_form_tbl_info_'+query_index +'_pk3ss[] name =query_form[tbl_info]['+query_index+'][pk3ss][] type = hidden></input>');

and an array

var pk3s = opts[tbl]["cols"];

during iteration through the array, I want to append the elements of an array to $pk3s_c

  $.each(pk3s, function(i,pk3){
  $pk3s_c.attr('value',pk3);
  })

the code above is not working, it shows me that I have appended only last element of a pk3s, and not all of them. How can I append each element of p3ks into my hidden input?

Answer 1

For readability, I would pass the arguments as a parameter to the jQuery function

Would look like

 var values = ['argument1', 'argument2', 'argument3']; var query_index = 43; var jqueryAttributes = { id: 'query_form_tbl_info_' + query_index + '_pk3ss[]', name: 'query_form[tbl_info][' + query_index + '][pk3ss][]', type: 'hidden', value: JSON.stringify(values) // if your server don't support HTML encoding, use the one below instead // value: "['"+values.join("','")+"']" }; var $newElement = $('<input/>', jqueryAttributes); alert('you element would look like : ' + $newElement[0].outerHTML); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 

Answer 2

You aren't going to get an array into a string field without converting it into a string.

The JSON format is very useful for this

// convert the array to a string
var myString = JSON.stringify(myArray);

// put the string into the field as it's value
$('input').val(myString);

Javascript can interpret the resulting string and server side languages can easily convert it from a string into an array value they can understand (see for php , ruby )

Here is an example in a jsfiddle