jquery - 为什么 val() 函数返回 [object Object]？

Question

html代码：

   <div data-role="popup" id="popup-activity">
        <div data-role="header">
            <h1>Error</h1>
        </div>
        <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content">
            <h3 id="error" class="ui-title"></h3>  
        </div>
    </div>

查询：

 $('#error').val('Please select Activity');                     
 alert($('#error'));
 $('#popup-activity').popup("open");

嗨，我是 jquery 的新手。

我正在使用 jquery.mobile-1.2.0-alpha.1.js ，它允许弹出窗口，如上述描述。当我打开弹出窗口时，错误 ID 中的值不显示。实际上它显示为空。所以我放了一个警告框来查看它的值，上面写着 [object Object]。

有谁知道如何在弹出窗口中显示文本？

Answer 1

$('#error').val('Please select Activity'); 

应该

$('#error').text('Please select Activity'); 

或者

$('#error').html('Please select Activity'); 

alert( $('#error').text() ); // or $('#error').html()

因为,.val()是用于input, textarea控件，所以你需要.text()or .html()。

Answer 2

val()不用于h3、使用html()或text()

采用

$('#error').html('Please select Activity');

或者

$('#error').text('Please select Activity');