Выберите текст, который вставляется в текстовое поле

Question

У меня есть кнопка, которая вставляет [link=enter link here] в текстовое поле. Мне бы хотелось, чтобы при нажатии кнопки и вставки текста в текстовое поле текст enter link here уже выбран, так что пользователь может легко ввести ссылку. (Это идентично тому, как Stack Overflow делает это с тем, как ссылки добавляются в вопросы).

Проблема заключается в том, что в текстовом поле уже было [link=enter link here], если был добавлен еще один [link=enter link here], я бы хотел, чтобы только что добавленный был выбран не первым. Кроме того, у меня есть функция, которая вставляет текст в местоположение каретки, например, $('textarea').insertAtCaret('[link=enter text here]');, что усложняет работу, так как после этого может быть текст [link=enter text here].

Один из способов сделать это, возможно, путем подсчета количества раз [link=enter link here] находятся в текстовом поле перед местоположением каретки Затем вставьте [link=enter link here], а затем выберите enter link here, который появляется после подсчета голосов.

Я нашел плагин jQuery под названием rangyinputs, который позволяет мне выбирать текст. Хотя я понятия не имею, как использовать это, чтобы решить мою проблему.

Заранее спасибо.

Answer 1

Вы нужно использовать select методу

http://jsfiddle.net/fvLhbokd/

HTML

<textarea id="textArea">Enter some text here</textarea> 

JavaScript

var textField = document.getElementById("textArea"); 
textField.focus(); 
textField.select();