用 UI 对话框替换提示答案

【问题标题】：replace prompt with UI dialog用 UI 对话框替换提示
【发布时间】：2011-03-08 16:38:55
【问题描述】：

如何用简单的 UI 对话框替换此代码中的提示以实现相同的目的。使用提示时 IE 会发出安全警告。

HTML：

<input type="text" id="txt1" name="textbox1">
<input type="button" id="btn" name="buttonExecute" value="Enter number">

JavaScript：

$('#btn').click(function() {
    var n = prompt('Please enter number');
    if ( n!=null && n!="" ) {

    var fixed=n.substr(1,9);

     $('#txt1').val(fixed);
    }
});

【问题讨论】：

标签： user-interface prompt

【解决方案1】：

使用 jQuery UI。

在此处查看一个简单的演示。 http://jsfiddle.net/5yhmb/23/

【讨论】：

非常好，但我试着把这段代码放进去，它不起作用。 var 固定=text2.substr(1,9); $('#txt1').val(固定);
@Ntguy，你需要使用 text2.val().substr(1,9); jsfiddle.net/maheshep/5yhmb/21 因为 $('#txt1') 返回输入对象而不是字符串。
@Ntguy，我使用了查询 jQuery 和 jQueryUI。你必须下载它。

【解决方案2】：

查看 jQuery UI 对话框小部件：http://jqueryui.com/demos/dialog/

【讨论】：