根据输入值提交表单的不同操作

时间:2013-06-20 20:21:19

标签: html forms

我有一个带搜索框的基本html表单。如果用户输入searchA或searchA-B,我需要将其重定向到两个不同的位置(url的格式不同)。

你怎么建议我这样做?

<form name="ajaxSearchFrm" action="url1 or url2 depending on the value of searchText" method="GET">
        <input type="text" id="searchText" name="searchText" style="width:200px;" onKeyUp="searchSuggest();" autocomplete="off">&nbsp;&nbsp;
        <input type="submit" value="Search" style="background-color: #fff; font-family: verdana, arial, helvetica; color: black; font-size: 10px;" />
        <div id="formSuggestLayer"></div>
</form>

1 个答案:

答案 0 :(得分:1)

您需要使用javascript来评估文本框的内容。根据值,更改表单的操作,然后通过javascript提交表单。您必须将提交按钮更改为带有onClick事件的常规按钮。

JavaScript的:

function EvaluateForm()
{
    if( document.getElementById('searchText').value == 'A' ){
        //submit to A
        document.ajaxSearchFrm.action = "myurlA.com";
    }
    else{
        //submit to b
        document.ajaxSearchFrm.action = "myurlB.com";
    }
    document.forms["ajaxSearchFrm"].submit();

    return false;
}

HTML:

<form name="ajaxSearchFrm" action="" method="GET">
    <input type="text" id="searchText" name="searchText" style="width:200px;">&nbsp;&nbsp;
    <input type="button" value="Search" onClick="return EvaluateForm();" />
    <div id="formSuggestLayer"></div>
</form>