0

我需要在单击时将文本框中的值设为空，目前我已经编写了这样的代码

  <div class="keyword_non">
                        <h1>Keywords : <a class="someClass question_off" title="Keywords "></a></h1>
                        <h2><input type="text" name="kw1" value="one" /></h2>
                        <h2><input type="text" name="kw2" value="two" /></h2>
                        <h2><input type="text" name="kw3" value="three" /></h2>
                        <h2><input type="text" name="kw4" value="four" /></h2>

                    </div>
<script type="text/javascript" src="/functions/javascript/custom/non_profit_edit.js"></script>
<script type="text/javascript" src="/functions/javascript/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/functions/javascript/custom/jquery-ui-1.8.7.custom.min.js"></script>

在 non_profit_edit.js 里面我是这样写的

$(document).ready(function(){

        $(".kw1").click(function() { 
        $(".kw1").val(" ");          
        });

        $(".kw2").click(function() { 
        $(".kw2").val(" ");          
        });

        $(".kw3").click(function() { 
        $(".kw3").val(" ");          
        });

        $(".kw4").click(function() { 
        $(".kw4").val(" ");          
        });

});

但是现在写它不能正常工作......这是任何浏览器问题或代码错误......

4

3 回答 3

1

代码错误。

您的选择器".kw1"选择具有kw1作为class属性的元素。您的输入都没有类，它们只有names。向它们添加类或将 jQuery 中的选择器替换为以下格式：$('[name="kw1"]')

您还可以通过执行以下操作来简化您的功能：

$('.keyword_non')
    .on('click', 'input[type="text"]', function(e) {
        this.value = ''; // input that was clicked on
    }
于 2012-04-12T05:26:38.627 回答
1

在选择器中的“。” 表示一个类。对于名称使用

$('[name="kw1"]'). //
于 2012-04-12T05:27:01.030 回答
0

这是您的代码中的语法错误。您没有在 click 函数中使用点 (.)。点 (.) 将用于类。当 kw1 是您输入中的名称时

于 2012-04-12T05:28:04.540 回答