Konvertieren Sie die Eingabe von text in Kleinbuchstaben auf die Einreichung eines Formulars

Ich habe ein Formular in dem es ein Textfeld ist mit einem submit-button.Nach anklicken der Schaltfläche "senden", es leitet zu einer zweiten php-Seite aus der ersten php-Seite.
index.php

<form action="submit.php" method="get">

<input type="text" name="search" id="search" />
<input type="submit" value="submit" onclick="convert()" />
</form 

<script type="text/javascript">
function convert() 
{
    alert("hi");
    var str ;
    str = document.getElementById("search").value;
    document.writeln(str.toLowerCase());
}
</script>

Auf dem Absenden des Formulars möchte ich die url so zu werden wie senden.php?Suche=text

Möchte ich diesen text in Kleinbuchstaben geschrieben werden,obwohl, wenn eingegebene text wird in Großbuchstaben.
Bitte leite mich, wie dieser text die Kleinschreibung,ich bin mit dem oben genannten Skript für die Umwandlung in Kleinbuchstaben.Aber es ist nicht die Umwandlung der text in Kleinbuchstaben in der URL.

Bitte guide mich auf diese..

InformationsquelleAutor user3488008 | 2014-04-06
  1. 2

    Können Sie dies nur tun, mit javascript, mit ein paar extra Sachen:

    1) Geben Sie Ihrem <form> eine id

    <form action="submit.php" method="get" id="form1">

    2) Machen Sie Ihre <input> Typ als button. Der Grund für dieses ist, weil wir sicherstellen möchten, dass die convert() Funktion wird zuerst ausgeführt, und danach werden wir das Formular abschicken.

    <input type="button" value="submit" onclick="convert()" />

    3) Schließlich javascript:

    function convert() 
{
    alert("hi");
    var str ;
    str = document.getElementById("search");
    str.value = (str.value.toLowerCase());
    //get the form id and submit it
    var form = document.getElementById("form1");
    form.submit();
}

    Fiddle

    InformationsquelleAutor AyB
  2. 3

    Gab es ein paar Fehler, Sie fehlten die rechten Winkel-Klammer auf </form> und Sie versuchen zu schreiben, die den Wert eher, als das Feld Wert, versuchen Sie, diese...

    <form action="submit.php" method="get">

<input type="text" name="search" id="search"  />
<input type="submit" value="submit" onclick="convert();" />
</form> 

<script type="text/javascript">
    function convert() {
        alert("hi");
        var str;
        var srch=document.getElementById("search");
        str = srch.value;
        srch.value=str.toLowerCase();
    }
</script>
    InformationsquelleAutor Brad Faircloth
  3. 0

    Verwendung form-element so können Sie bekommen alle Elemente in form-element Zugriff durch name, Hier Unsere form name ist form1 und in dieser form inputbox name="search" und Zugang dieser Wert durch diese Weg, document.form1.search.value.toLowerCase();

    Überprüfen Sie das Demo auf jsFiddle

    JavaScript

    function convert() {
    alert("hi");
    var str = document.form1.search.value.toLowerCase();
    document.writeln(str);
    //console.log(str);
}

    HTML -

    <form name="form1" method="get">
    <input type="text" name="search" id="search" />
    <input type="submit" value="submit" onclick="convert();" />
</form >
    • document.writeln(str.toLowerCase()); könnte nur document.writeln(str);.
    • Danke, dass Sie für mich informieren und mich unterstützen und meine Antwort @AmalMurali jetzt seine aktualisiert.
    InformationsquelleAutor Jay Patel
  4. 0

    versuchen wie diesem:

    alert("hi");
document.getElementById("search").value =  document.getElementById("search").value.toLowerCase();
return true;

    Fiddle Live

    InformationsquelleAutor Awlad Liton
Schreibe einen Kommentar