jQuery ile textbox içinde istenilen bölümü seçili hale getirme
BBCode uygulaması yaparken textbox içindeki bir bölümü seçili hale getirmem gerekti ve bende internetteki kısa bir araştırma sonucunda şunu buldum:
$.fn.selectRange = function (start, end) { return this.each(function () { var self = this; if (self.setSelectionRange) { self.focus(); self.setSelectionRange(start, end); } else if (self.createTextRange) { var range = self.createTextRange(); range.collapse(true); range.moveEnd('character', end); range.moveStart('character', start); range.select(); } }); }
Kullanımı ise gayet basit, fonksiyonu kodlarınızın arasına ekledikten sonra:
$('#YorumKutusu').selectRange(0,10);
Bu kod yorum kutusu içindeki metinden 0. karakterden 10. karaktere kadar seçili hale getirecek.
Ya da sondan 5 karakteri seçili hale getirelim:
var yorum = $('#YorumKutusu').val(); $('#YorumKutusu').selectRange(yorum.length - 5, yorum.length);
Tabi ki bu fonksiyonu kullanmak için projenize jQuery kütüphanesini dahil etmeniz gerekli.
Kategoriler:JS
input, javascript, jquery, metin seçme, seçili yapma, select text, set selection, text, textbox
Yorumlar (0)
Trackbacks (0)
Yorum bırakın
Geri İzleme