我有一个带搜索框的基本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">
<input type="submit" value="Search" style="background-color: #fff; font-family: verdana, arial, helvetica; color: black; font-size: 10px;" />
<div id="formSuggestLayer"></div>
</form>
答案 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;">
<input type="button" value="Search" onClick="return EvaluateForm();" />
<div id="formSuggestLayer"></div>
</form>