Question

我有一张表格：

<INPUT  TYPE="text" NAME="name" id="name"  value="Enter your name" size="16">
<INPUT  TYPE="text" NAME="lname" id="lname"  value="Enter your last name" size="16">

无论您点击哪个字段，都应清除两者的值

我该怎么做？

由于

Answer 1

试试这个：

<script>
var default_name_value="Enter your name";
var default_lastname_value="Enter your last name";
function empty_fields(){
    $("input[type=text]").each(function(index,item){
       if($(item).val()==default_name_value||$(item).val()==default_lastname_value){
          $(item).val("");
       }
    });
}
</script>

<INPUT  TYPE="text" NAME="name" id="name" onfocus="empty_fields();"  value="Enter your name" size="16">
<INPUT  TYPE="text" NAME="lname" id="lname" onfocus="empty_fields();" value="Enter your last name" size="16">

<强>更新

这将清空页面中的所有文本框将第3行中的选择器细化为类似$("#myform input[type=text]")的内容，以仅清空所需形式的框

更新2

现在它只会第一次被清空

单击其中任何一个时，清除所有文本字段中的所有值

1 个答案: