JavaScript / jQuery - replace text in input text

Question

Let's say we have an input field: <input type="text" id="id0"/> . I would like to dynamically replace the current text of text with text. What is the best way to achieve this using jQuery or javascript?

Update:

I meant: the user enters the text and selects part of it, then presses the button to replace the selected section with the other specified text.

Regards, Rafal

Answer 1

Most browsers support the selectionStart and selectionEnd properties for text fields and text fields. However, IE <9 is not. You can use my Rangy plug-in for this, which normalizes IE <9 clutter lack of support and provides convenient methods for handling selections in text inputs and text areas. Using it, the code will look like this:

 $("#id0").replaceSelectedText("SOME NEW TEXT"); 

If the text field has no focus, you first need to focus it:

 $("#id0").focus(); 

Answer 2

 $('#id0').val('somenewtexthere'); 

Answer 3

I'm not sure if this will help you, but perhaps this way:

  var myMessage="My Text"; $('#id0').val(myMessage); 

Answer 4

If you want to clear it when you enter and return your text when leaving, use this

$('#id0').focus(function() { $(this).val(''); });

 $('#id0').blur(function() {$(this).val(' Your text '); }); 

Answer 5

jQuery ("input # id0"). attr ("value", "my text");