首页 新闻 搜索 专区 学院

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>
Tim&Blog的主页 Tim&Blog | 初学一级 | 园豆:200
提问于:2013-08-01 14:40
< >
分享
所有回答(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 });
Tim&Blog | 园豆:200 (初学一级) | 2013-08-01 15:15
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 });
        };
    })
戒一字 | 园豆:217 (菜鸟二级) | 2013-08-01 16:53

还能这么写啊,谢谢啦

支持(0) 反对(0) Tim&Blog | 园豆:200 (初学一级) | 2013-08-01 17:05
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册