Add multiple val to input from class

Question

I have many div elements with same class names. I want the user to be able to choose some of them in to a form input text element (value). So far I only made it put the last clicked one.

  <div class="post">
    <div class="addThis">A</div>
    <div class="addThis">B</div>
    <div class="addThis">C</div>
    </div>
<input type="text" id="Choice">

jQuery('.addThis').click(function() {
var x = jQuery(this).closest('.post').find('addThis').text();
var y = jQuery("#Choice").val(x);

The var y is there because I tried to do something with it. But all attempts failed. Tried with

var t += y;
jQuery("#Choice").val(t);

and a lot that I already forgot

Thanks for your help

I try to get the text of the div class="addThis" to be added to a form input field. but only those that are clicked on. Now this code rewrites it everytime. thus adding only the last clicked text. — Mik_A
– Mik_A, Commented Jun 27, 2016 at 19:51
Have you thought about just using a series of checkboxes like <input type="checkbox" id="chkA" class="addThis" value="A" /><label for="chkA">A</label> — Rick
– Rick, Commented Jun 27, 2016 at 19:54

Hozeis · Accepted Answer · 2016-06-27 19:58:28Z

2

Is this what your trying to do:

$('.addThis').click(function() {
    var x = $(this).html();
    $("#Choice").val($("#Choice").val() + x);
});

edited Jun 27, 2016 at 19:58

answered Jun 27, 2016 at 19:50

Hozeis

1,76218 silver badges39 bronze badges

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

3 Comments

Mik_A Over a year ago

yes exactly!. thank you.. I will still see if I can make a element to be able added only once.

theblindprophet Over a year ago

@Mik_A The right word you are looking for is concatenate

Mik_A Over a year ago

Sure. but I see it as a shopping basket, therefore added :)

Collectives™ on Stack Overflow

Add multiple val to input from class

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related