在提交表单时将输入文本转换为小写

Question

我有一个表单，其中有一个文本字段提供了提交按钮。单击提交按钮，它从第一个php页面重定向到第二个php页面。 的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>

在提交表单时，我希望网址变得像submit.php？search = text

我希望此文本为小写，但输入的文本为大写。 请指导我如何将此文本设为小写，我使用上面的脚本将其转换为小写。但它不会在URL中以小写形式转换文本。

请指导我......

Answer 1

有一些错误，你错过了</form>上的右尖括号而你试图写入值而不是设置字段值，试试这个...

<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>

Answer 2

您只能使用带有一些额外内容的javascript来执行此操作：

1）给你的<form> id

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

2）将<input>类型设为按钮。这是因为我们要确保首先执行convert()函数，之后我们将提交表单。

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

3）最后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

Answer 3

尝试这样：

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

Fiddle Live

Answer 4

您使用表单元素，这样您就可以获取表单元素按名称访问中的元素，此处我们的表单名称为 form1 ，在此表单输入框 名称=“搜索”内，并访问此值通过方式，document.form1.search.value.toLowerCase();

检查此 Demo 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 >