我是新手，写了个js脚本，点击后隐藏输入框文本，代码太冗长···

本帖最后由 denglh1990 于 2011-09-21 11:04:16 编辑

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

抽空写了一段jquery，可以参考下<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
(function($){
$.fn.extend({
mytext:function(options){
options=$.extend({
text:'请输入'
},options);
$(this).focus(function(){
if ($(this).val()==options.text){
$(this).val("")
}
});
$(this).blur(function(){
if ($(this).val()==""){
$(this).val(options.text)
}
});
return this;
}
})})(jQuery)$(function(){
$('#test').mytext();

})
</script>
</head>
<body>
<input id='test' type='text'/>
</body>
</html>
JQuery
<script type="text/javascript">
        $(function () {            //搜索框提示信息
            var txtStartNum = $("#txtStartNum");
            txtStartNum.val('输入开始号段');
            txtStartNum.focus(function () {
                if (txtStartNum.val() == '输入开始号段') {
                    txtStartNum.val('');
                }
            });
            txtStartNum.blur(function () {
                if (txtStartNum.val() == '') {
                    //alert(txtStartNum.val());
                    txtStartNum.val('输入开始号段');
                    txtEndNum.val('输入结束号段');
                    txtEndNum.not(this).attr('disabled', 'disabled');
                }
                else {
                    txtEndNum.removeAttr('disabled');
                }
            });
            var txtEndNum = $("#txtEndNum");
            txtEndNum.not(this).attr('disabled', 'disabled');
            txtEndNum.val('输入结束号段');
            txtEndNum.focus(function () {
                if (txtEndNum.val() == '输入结束号段') {
                    txtEndNum.val('');
                }
            });
            txtEndNum.blur(function () {
                if (txtEndNum.val() == '') {
                    txtEndNum.val('输入结束号段');
                } else {
                    if (txtStartNum.val() > txtEndNum.val()) {
                        alert('输入的结束号段号码应大于开始号段的号码');
                        txtEndNum.val('');
                    }
                }
            }); <div id="seachTool" style="display: none; padding-top: 1px;">

        <input id="txtStartNum" class="" style="width:110px;" tabindex='1' />
     
        <input id="txtEndNum" class="" style="width:110px;" tabindex='2' />
     
    </div>
<input type="search" value="请在这里输入内容" onfocus="if(this.value=='请在这里输入内容')this.value=''" onblur="if(this.value=='请在这里输入内容' || this.value=='')this.value='请在这里输入内容'">
刚看的一个帖子真是楼主的问题
http://topic.csdn.net/u/20110921/14/a73a3d50-1f68-4f06-9db7-1d6916f047b0.html
呃，看来我还是用jquery好了，我的代码是用在input和textarea上的，一个是<input type="">是单独元素，,<texarea></texarea>是成对存在的元素，用dom取值的代码都不同啊，一个是elemen.value，别一个是element.childNodes.value，而且不能用变量代替这两个值，所以执行函数要写两份，我只有这个思路额
<input type="search" value="请在这里输入内容" onfocus="if(this.value=='请在这里输入内容')this.value=''" onblur="if(this.value=='请在这里输入内容' || this.value=='')this.value='请在这里输入内容'">
写二个方法里面取的你的值就可以了修改一下然后还操作他的值是一样的
我把代码从html中分离出来了，用函数调用，思路和你差不多吧？？结果就写成我这样了··