Insert text into the input/textarea using Jquery

Question

<div class="ctrlHolder">
<label for="" id="name.label">Name</label>
<input name="name" id="name" type="text" class="textInput small" />
<p class="formHint">The name of the item you are submitting</p>
</div>

How can I insert predefined text into a input element. I'd like this function to active when the user doubleclicks the label element.

$('#name.label').dblclick(function(){
    $('#name').val('some text');
});

I would be cautious to use dots in element identifiers as they may or may not confuse the jQuery selectors: #name.label matches an element that has both id="name" and class="label". — Aleksi Yrttiaho
– Aleksi Yrttiaho, Commented Feb 10, 2011 at 19:03

Rafay · Accepted Answer · 2011-02-10 19:26:27Z

7

here check this fiddle

you can use .text("yourPreDefinedText") to replace the text of an element

edited Feb 10, 2011 at 19:26

answered Feb 10, 2011 at 19:05

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

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

4 Comments

Ambo100 Over a year ago

Thanks for that example. However, I would like to be able to change the value of the input element not the label. When I try it doesn't seem to work.

Ambo100 Over a year ago

When the lable is double clicked, not the input

Ambo100 Over a year ago

It's working well in the example. I can't get it to work on my site here: tinyurl.com/6gcwkg2

Bashar Abu Shamaa Over a year ago

to insert inside input : $("#inputID").val("theText");

Colin O'Dell · Accepted Answer · 2011-02-10 19:02:31Z

1

$('#name.label') will cause jQuery to look for an element with id "name" and class "label". I believe the code above should work if you rename the label's id to something like "name-label".

answered Feb 10, 2011 at 19:02

Colin O'Dell

8,7178 gold badges41 silver badges75 bronze badges

Collectives™ on Stack Overflow

Insert text into the input/textarea using Jquery

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related