Bearbeiten von Text Benutzereingaben zu textbox

bisher habe ich dieses jsfiddle

<p>Click the button to remove http://and www. from input box belove below:</p>

<textarea id="demo" name="comments" cols="25" rows="5">
    http://www.google.com
</textarea><br>
<input type="submit" value="Submit" button onclick="myFunction(),myFunction2()" />
</form>

<script>
function myFunction()
{
    var str=document.getElementById("demo").innerHTML; 
    var n=str.replace("http://","");
    document.getElementById("demo").innerHTML=n;
}

function myFunction2()
{
    var str=document.getElementById("demo").innerHTML; 
    var m=str.replace("www.","");
    document.getElementById("demo").innerHTML=m;
}
</script>​

Es funktioniert gut mit dem text pre input, aber es wird sich nicht ändern eingereichten text.
Ich bin sicher, es gibt eine einfache Antwort, ich bin gerade neu hier und kann nicht arbeiten oder finden Sie eine Antwort.

InformationsquelleAutor Chumbawamba | 2012-11-23
  1. 5

    Müssen Sie .value des textarea, nicht .innerHTML.

    .innerHTML sieht nur das generierte HTML in ein element. Wenn der Benutzer tippt etwas neues, die Quelle nicht ändern.

    Aber, der Wert hat:

    document.getElementById("demo").value = ...

    Fest in deinem fiddle:

    http://jsfiddle.net/AbSh2/12/

    Ein paar andere Hinweise:

    • Brauchen Sie nicht zwei Funktionen zu tun, die operation, wie Sie sehen können, es kann getan werden, in einem.
    • Die Sie nutzen könnten type='button' statt eines reichen, da Javascript nicht über form übermittelt (dass nur Dinge auf dem server, der erhält POST und GET-Daten. Javascript kann nicht)

    Können Sie bei der Rationalisierung Ihrer Funktion noch weiter ohne speichern der strings, die alle über den Ort:

    function myFunction() {
    var str=document.getElementById("demo").value;
    var n=str.replace("http://","");
    var m=n.replace("www.","");
    document.getElementById("demo").value=m;
}

    funktioniert einwandfrei. Sie können sogar

    function myFunction() {
    document.getElementById("demo").value = 
        document.getElementById("demo").value.replace("http://","").replace("www.","");
}

    aber das wird ein wenig Durcheinander IMO, also sollte für ausbildungszwecke nur 🙂

    • Smashing vielen Dank! Vielleicht ist das etwas, was ich lernen will :D, scheint einfach, wenn man weiß, wie.
    • Yep, kein problem, willkommen in SO. Wenn eine Antwort löst Ihr problem, die Gemeinschaft schätzt, wenn Sie markieren Sie Sie als "akzeptiert". 🙂
    • Getan, vielen Dank
    InformationsquelleAutor Ben
Schreibe einen Kommentar