Auswählen von Teil der Zeichenfolge in einem Eingabefeld mit jQuery

Question

Ich versuche herauszufinden, wie nur ein Teil des Textes in einem Eingabefeld mit jQuery hervorheben. Es ist ganz einfach, den gesamten Inhalt des Eingabefeldes hervorzuheben, aber wie hebt man nur ein Wort oder ein paar Buchstaben hervor?

Danke!

Answer 1

Für Text <input> Elemente wird das Folgende die Aufgabe erledigen. Das Beispiel wählt einfach das Wort „zwei“ in der Eingabe:

function setInputSelection(input, startPos, endPos) { 
 
    input.focus(); 
 
    if (typeof input.selectionStart != "undefined") { 
 
     input.selectionStart = startPos; 
 
     input.selectionEnd = endPos; 
 
    } else if (document.selection && document.selection.createRange) { 
 
     // IE branch 
 
     input.select(); 
 
     var range = document.selection.createRange(); 
 
     range.collapse(true); 
 
     range.moveEnd("character", endPos); 
 
     range.moveStart("character", startPos); 
 
     range.select(); 
 
    } 
 
} 
 

 
document.getElementById("setSelection").onmousedown = function() { 
 
    var input = document.getElementById("i"); 
 
    setInputSelection(input, 4, 7); 
 
    return false; 
 
};

<input id="i" type="text" value="One two three"> 
 
<input type="button" value="Set selection" id="setSelection">

Answer 2

Sie müssen den gesamten Wert auswählen und dann die Zeichenfolge im Code bearbeiten. Je nachdem, was Sie mit den Wörtern tun möchten, können Sie nach regulären Ausdrücken suchen, um bestimmte Wörter/Buchstaben zu finden.