Javascript/jquery - Replace Text In Input Text

Let's say we have an input field: . I would like to dynamically replace the current selection of the text with my text. What is the best way to a

Solution 1:

Most browsers support selectionStart and selectionEnd properties on text inputs and textareas. However, IE < 9 does not. You could use my Rangy inputs plug-in for this, which normalizes the mess of IE < 9's lack of support and provides convenient methods for dealing with selections in text inputs and textareas. Using it, the code would be:

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

If the text box does not have the focus, you'll need to focus it first:

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

Solution 2:

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

Solution 3:

I'm not sure if this helps you but maybe in this way:

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

Solution 4:

If you want to clear it when you type and return its text when going away use this

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

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

Solution 5:

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