今天我在项目当中,碰到这样的一个问题主要是做关键字搜索。
我想当点击时清除原有的文字,当鼠标点击别的地方时如果没有输入关键字显示“请输入关键字”。如果有输入就没有变化文本框里自然就是所输入的字符了。点击搜索后使用javascript带参数跳转页面。我把代码贴出来,供大家参考一下。
<div id="keySearch"> <!--这是搜索输入区域--->
<table style="width: 376px">
<tr>
<td class="td2">
<asp:RadioButton runat="server" ID="rbRealty" GroupName="key" Text="楼 盘" Checked="true" οnclick="javascritp:show(this);"/>
</td>
<td class="td2"><asp:RadioButton runat="server" ID="rbNews" GroupName="key" Text="资 讯" οnclick="javascritp:show(this);"/></td>
<td class="td1"><asp:TextBox runat="server" ID="txtKey" CssClass="txtKey" οnfοcus="keyTextBlur();" οnblur="javascritp:show(this);"
Text="请输入关键字" Width="153px"></asp:TextBox></td>
<td class="search_btn">
<a href="javascript:" οnclick="javascritp:keySearch();"><img src="images/index/search.gif" alt="" style="border:0px;" /></a>
</td>
</tr>
</table>
</div>
<table style="width: 376px">
<tr>
<td class="td2">
<asp:RadioButton runat="server" ID="rbRealty" GroupName="key" Text="楼 盘" Checked="true" οnclick="javascritp:show(this);"/>
</td>
<td class="td2"><asp:RadioButton runat="server" ID="rbNews" GroupName="key" Text="资 讯" οnclick="javascritp:show(this);"/></td>
<td class="td1"><asp:TextBox runat="server" ID="txtKey" CssClass="txtKey" οnfοcus="keyTextBlur();" οnblur="javascritp:show(this);"
Text="请输入关键字" Width="153px"></asp:TextBox></td>
<td class="search_btn">
<a href="javascript:" οnclick="javascritp:keySearch();"><img src="images/index/search.gif" alt="" style="border:0px;" /></a>
</td>
</tr>
</table>
</div>
<!------Javascript下面----->
<script type="text/javascript">
function keyTextBlur() {
document.getElementById("txtKey").value = "";
document.getElementById("txtKey").className = "txtKey2";
}
function show(object) {
var rbRealty = document.all.rbRealty;
var txtKey = document.all.txtKey;
var str=document.getElementById("txtKey").value;
var key1="请输入楼盘名或开发商";
var key2="请输入新闻关键字";
if (rbRealty.checked) {
if(str=="" || str==key2)
txtKey.value = "请输入楼盘名或开发商";
} else {
if(str=="" || str==key1)
txtKey.value = "请输入新闻关键字";
}
}
function keySearch(){
var re=/ /g;
var str=document.getElementById("txtKey").value;
var city=document.getElementById("lblCity").innerText;
str=str.replace(re,"");
var key1="请输入楼盘名或开发商";
var key2="请输入新闻关键字";
if(str==key1 || str==key2)
{
alert("请输入关键字");
}
else
{
location.href="keysearch.aspx?type=2&city="+city+"市&key="+str;
}
}
</script>
function keyTextBlur() {
document.getElementById("txtKey").value = "";
document.getElementById("txtKey").className = "txtKey2";
}
function show(object) {
var rbRealty = document.all.rbRealty;
var txtKey = document.all.txtKey;
var str=document.getElementById("txtKey").value;
var key1="请输入楼盘名或开发商";
var key2="请输入新闻关键字";
if (rbRealty.checked) {
if(str=="" || str==key2)
txtKey.value = "请输入楼盘名或开发商";
} else {
if(str=="" || str==key1)
txtKey.value = "请输入新闻关键字";
}
}
function keySearch(){
var re=/ /g;
var str=document.getElementById("txtKey").value;
var city=document.getElementById("lblCity").innerText;
str=str.replace(re,"");
var key1="请输入楼盘名或开发商";
var key2="请输入新闻关键字";
if(str==key1 || str==key2)
{
alert("请输入关键字");
}
else
{
location.href="keysearch.aspx?type=2&city="+city+"市&key="+str;
}
}
</script>