How to wrap a if statement to a onclick function jquery

Question

0.00/5 (No votes)

See more:

I have a text area which users can populate using buttons however, clicking the second replaces the value of the first button. I am trying to collect all the values of the buttons clicked prefereably indeneted one after another or spaced out then submitted in a form. Any ideas?

<form action="mailto:blahblah.com Feedback" method="post" enctype="text/plain">
			Email Adress:<br />
		<input type="text" id ="fav" name="email_address" value="" maxlength="100" /><br />

		<textarea id="text"></textarea>
		
		<div class="ui-btn ui-btn-inline" id="one">Red Wine</div>
		<div class="ui-btn ui-btn-inline" id="two">Item 2</div>
		<div class="ui-btn ui-btn-inline" id="three">Item 3</div>


		<input type="submit" value="Submit" />

		</form>

<script>
	$(document).ready(function(){
	
    $("#one").click(function () {
	$('#text').val("Red Wine")
	});
	
	$("#two").click(function () {
	$('#text').val("White Wine")
	});

});
	</script>

What I have tried:

<pre><script>
	$(document).ready(function(){
	
   if($("#one").click(function ()) {
	$('#text').val("Red Wine")
	});
	
	if($("#two").click(function ()) {
	$('#text').val("White Wine")
	});

});
	</script>

Posted 23-Dec-20 10:19am

Member 15025314

Updated 24-Dec-20 5:35am

Add a Solution

Comments

BabyYoda 23-Dec-20 16:22pm

I think you misunderstand what a click event is. A click event is when they click the button. So, do not IF they click the button. When they click the button set the text.

Member 15025314 23-Dec-20 16:28pm

i'm not following by do not if?

BabyYoda 30-Dec-20 21:00pm

Get rid of the if.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

W∴ Balboos, *GHB* · Answer 1 · 2020-12-24T05:35:00

I'll give it to you as javaScript (I don't us jQuery). This pattern, however, is complimented the same in virtually any language.

JavaScript

function yourOnClickEventHandler(some_input_reference) {

  var anObject = document.getElementById('text'); // the id from your code
  anObject.value = anObject.value+"\n"+some_input_reference;

} //

Now the argument to the function, some_input_reference, is a bit vague. I happened to use it as though it were your added additional text BUT it may be, instead, a reference to something else.

For example, if your button objects had values then you could, for example, send the button's id as reference and used it as the argument for

JavaScript

document.getElementById(some_input_reference);

or, you may wish to us the object, itself "this" as an argument and then you can use

JavaScript

some_input_reference.value

and append it.

Lot's of routes, but the basic pattern is add/append/concatenate the new value to the current content of your textarea.

How to wrap a if statement to a onclick function jquery

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us