清除Jquery UI对话框输入框

时间:2011-06-10 14:33:42

标签: javascript jquery html

我使用以下代码作为系统的一部分,每15-30分钟随机弹出一个对话框窗口,这需要用户输入继续:

$(document).ready(function() {
    $dialog = $('<div></div>')
        .html('Are you awake? Please enter your user ID in the following box:<br/><br/><input type="text" id="dialog-input"><p></p></input><br/><br/><button id="timerButton">Yes</button><br/><br/>If you do not press yes within 10 minutes, the office will be contacted.')
        .dialog({
            autoOpen: false,
            title: 'Inactivity Monitor'
        });
    });

弹出对话框窗口会发生什么,用户必须输入用户ID并按“是”关闭对话框,否则会显示警告,告诉他们这是错误的。当他们输入正确的ID并关闭对话窗口时,计时器再次启动,并在15-30分钟内再次弹出对话窗口,但再次出现时,用户的ID号仍保留在文本框中。有没有办法清除这个,所以当它出现时盒子总是空的?

我试了这个没有运气:

$("#dialog-input").html("");

感谢您的帮助

3 个答案:

答案 0 :(得分:3)

尝试.val(“”)而不是html(“”)

答案 1 :(得分:2)

解决方案是:

$("#dialog-input").val("");

输入的值保存在value属性中。

答案 2 :(得分:1)

你需要使用$(“#dialog-input”)。val(“”);