Send a array in a onclick function

Question

function show(array){
  console.log(array);
}

function main() {
  var send = ["HOLA", "ADIOS"];
  $('#table').append('<tr>'+
                    '<td style="width: 35%">Oscar</td>'+
                    '<td style="width: 6%">'+
                        '<button type="button" class="btn btn-success" data-dismiss="modal" onclick=show('+send+')>+</button>'+
                    '</td>'+
                '</tr>'
   );
}
main();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="table" class="table table-bordered">
	<thead>
		<tr>
		  <th style="width: 35%" id="wallet-modal-table-name-header"></th>
			<th style="width: 6%"  id="wallet-modal-table-options-header"></th>
		</tr>
	</thead>
</table>

I have this code and I want to send the array "send" but when I send it as a parameter in the functions it shows me an error. What could I do?

Embrace the function addEventListener(event, handler) your approach is concatenating the object/array rather than actually passing that array as param. — Ele
– Ele, Commented May 15, 2018 at 18:27

Ele · Accepted Answer · 2018-05-15 18:31:33Z

1

For dynamically created elements, use the Event delegation approach:

$(selector4parent).on(event, selector4children, handler);

function show(array) {
  console.log(array);
}

function main() {
  $('#table').on('click', '[type="button"]', function(e) {
    var send = ["HOLA", "ADIOS"];
    show(send);
  });


  $('#table').append('<tr>' +
    '<td style="width: 35%">Oscar</td>' +
    '<td style="width: 6%">' +
    '<button type="button" class="btn btn-success" data-dismiss="modal">+</button>' +
    '</td>' +
    '</tr>'
  );
}
main();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="table" class="table table-bordered">
  <thead>
    <tr>
      <th style="width: 35%" id="wallet-modal-table-name-header"></th>
      <th style="width: 6%" id="wallet-modal-table-options-header"></th>
    </tr>
  </thead>
</table>

answered May 15, 2018 at 18:31

Ele

33.8k7 gold badges43 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Oscar Ordoñez Over a year ago

I try your code but I'm having problems because I have a for and inside the for I'm calling the function send. send(x[i])

Ele Over a year ago

@OscarOrdoñez can you post that logic?

Thomas · Accepted Answer · 2018-05-15 18:29:58Z

0

You can create your button outside of the string then append it to the TD you would like it in.

var $btn = $(document.createElement("BUTTON"));
$btn.attr({ 'type': 'button', 'data-dismiss': 'modal'}).addClass('btn btn-success');

$btn.click(function()
{
    show(send);
});

$('td-selector').append($btn);

answered May 15, 2018 at 18:29

Thomas

4524 silver badges11 bronze badges

Collectives™ on Stack Overflow

Send a array in a onclick function

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related