使用jquery语法访问innerHTML

时间:2015-03-28 00:47:22

标签: javascript

当用户在其中点击时,我正试图让此textarea中的文本消失:

HTML:

Details:<br><textarea rows = "9" cols = "35" id = "bigtext"> the more details the better </textarea>

使用Javascript / jquery的:

<script type = "text/javascript">
$(document).ready(function(){
    $("#bigtext").focus(function(){
        $("#bigtext").hide().innerHTML; 
    });
});

这只是隐藏了整个textarea并破坏了页面中其他元素的排列......请帮助...我做错了什么?

1 个答案:

答案 0 :(得分:0)

您需要将textare的值设置为空字符串。您需要使用.val()来设置/获取包含textareas

的表单元素的值
$(document).ready(function () {
    $("#bigtext").focus(function () {
        $(this).val('');
    });
});

$("#bigtext").hide()隐藏了textarea本身,它返回一个没有innerHTML属性的jQuery对象,因此该部分不执行任何操作


如果要在textarea中显示默认文本,最好使用placeholder