input 输入框获得/失去焦点时隐藏/显示文字
0
[待解决问题]
1 <script type="text/javascript"> 2 $(document).ready(function(){ 3 $("#sear1").change(function(){//监视相关查询页面下的select下拉框 4 var checkValue=$("#sear1").val(); 5 if(checkValue=="time"){ 6 var text = "-- 请注意时间格式，如:2008 --"; 7 focusblur(text); 8 } 9 if(checkValue=="name"){ 10 var text = "-- 请注意项目名称的格式，如:人乳铁蛋白 --"; 11 focusblur(text); 12 } 13 if(checkValue=="author"){ 14 var text = "-- 请注意开发团队的格式，如:里尔第一大学... --"; 15 focusblur(text); 16 } 17 if(checkValue=="code"){ 18 var text = "-- 请注意代码的格式，如:1001 --"; 19 focusblur(text); 20 } 21 if(checkValue=="country"){ 22 var text = "-- 请注意国家的格式，如:美国 --"; 23 focusblur(text); 24 } 25 }); 26 $("#btnSearch").click(function(){//监视相关查询的检索按钮 27 28 var checkValue=$("#sear1").val(); 29 var searchtext = $("#searchtext").val(); 30 if(checkValue == "error"){ 31 alertByText('输入提示','请选择主题或出入模糊查询'); 32 }else{ 33 // window.location.href=urlText(checkValue,searchtext); 34 $("#out").empty(); 35 $("#loadout").show(); 36 showExt(); 37 } 38 39 }); 40 }); 49 function focusblur(text){//判断输入框是否有数据 50 var searchtext = $("#searchtext"); 51 searchtext.attr("value",text); 52 searchtext.focus(function(){ 53 if(text == searchtext.val()) searchtext.attr("value",""); 54 } 55 ).blur(function(){ 56 if(searchtext.val() == "") searchtext.attr("value",text); 57 } 58 ); 59 }
<div class="section" id="content">
<h2><strong>相关查询</strong></h2>
<p class="p2">
<div class="divsearch STYLE2" id="ddSubmit" name="ddSubmit" >请输入检索条件：<br/>
<table id="txt" style="MARGIN-LEFT: 3px">
<tr>
<td width="89%" align="left" height="25">
<select id="sear1">
<option selected="selected" value="error">--主题--</option>
<option value="code">代码号</option>
<option value="country">国家</option>
<option value="time">时间</option>
<option value="name">项目名称</option>
<option value="author">开发团队</option>
</select>
<input id="searchtext" type="text" this.style.color='#000000';" maxlength="120" style="width: 300px; color: rgb(0, 0, 0);" size="10" name="searchtext" value=""></input>
</td>
<td><input id="btnSearch" class="buttOther" type="button" value="检 索"></input></td>
</tr>
</table>
</div>
<img id="loadout" src="<?= base_url() ?>images/ajax-loader3.gif" style="display:none;margin-top:4cm;margin-left:5cm;"></img>
<div id="out" style="display:none">
</div>
所有回答(2)
0
1 <script type="text/javascript"> 2 $(document).ready(function(){ 3 var searchtext = $("#searchtext"); 4 $("#sear1").change(function(){//监视相关查询页面下的select下拉框 5 var checkValue=$("#sear1").val(); 6 if(checkValue=="time"){ 7 var text = "-- 请注意时间格式，如:2008 --"; 8 } 9 if(checkValue=="name"){ 10 var text = "-- 请注意项目名称的格式，如:人乳铁蛋白 --"; 11 } 12 if(checkValue=="author"){ 13 var text = "-- 请注意开发团队的格式，如:里尔第一大学... --"; 14 } 15 if(checkValue=="code"){ 16 var text = "-- 请注意代码的格式，如:1001 --"; 17 } 18 if(checkValue=="country"){ 19 var text = "-- 请注意国家的格式，如:美国 --"; 20 } 21 searchtext.val(text); 22 }); 23 searchtext.focus(function(){ 24 this.mytext = this.value; 25 if(searchtext.val() == this.mytext){ 26 searchtext.val(""); 27 }}).blur(function(){ 28 if(searchtext.val() == ""){ 29 searchtext.val(this.mytext); 30 } 31 }); 32 33 34 $("#btnSearch").click(function(){//监视相关查询的检索按钮 35 36 var checkValue=$("#sear1").val(); 37 var searchtext = $("#searchtext").val(); 38 if(checkValue == "error"){ 39 alertByText('输入提示','请选择主题或出入模糊查询'); 40 }else{ 41 // window.location.href=urlText(checkValue,searchtext); 42 $("#out").empty(); 43 $("#loadout").show(); 44 showExt(); 45 } 46 47 }); 48 });
0
var DefaultKeyword="请输入主题或出入模糊查询"; searchtext.bind("focus", function () { Keyword = $.trim($(this).val()); if (Keyword == DefaultKeyword) { $(this).val(""); $(this).css({ color: "black" }); }; }).bind("blur", function () { Keyword = $.trim($(this).val()); if (Keyword == "") { $(this).val(DefaultKeyword); $(this).css({ color: DefaultColor }); }; })
还能这么写啊，谢谢啦
