Javascript 带有jQuery的文本框对话框

这是我实现带有文本框的对话框的代码：

public static native void showEmailModal(String title)/*-{
    $wnd.$("<div><input id='emailAddresss' type='text'>Test</input></div>")
        .text("Enter email address:")
        .appendTo("body")
        .dialog({
            title: title,
            modal: true,
            width: 400,
            hide: "fade",
            show: "fade",
            buttons: {
                "Send": function() {
                    $wnd.$(this).dialog("close");
                },
                "Cancel": function() {
                    $wnd.$(this).dialog("close");
                }
            }
    });    
}-*/; 

public静态本机void showEmailModal（字符串标题）/*-{
$wnd.$（“测试”）
.text（“输入电子邮件地址：”）
.附件（“正文”）
.对话({
标题:标题,，
莫代尔：是的，
宽度：400，
隐藏：“褪色”，
显示：“褪色”，
按钮：{
“发送”：函数（）{
$wnd.$（此）.dialog（“关闭”）；
},
“取消”：函数（）{
$wnd.$（此）.dialog（“关闭”）；
}
}
});    
}-*/; 

我遇到的问题是对话框中没有显示输入。我会错过什么

---

作为函数的一部分，我还需要将文本输入的值发送到一个方法进行处理。

我不确定这是什么语言/框架，但我将假设非jQuery内容是正确的

这一行：

$("<div><input id='emailAddresss' type='text'>Test</input></div>")

将

div

元素的文本设置为

输入电子邮件地址：

，这将覆盖/删除输入

---

另外，

input

元素是自动关闭的：

您正在使用

.text（）

方法覆盖内容（包括输入字段）

改用这个：

$("<div></div>")
        .html("Enter email address: <input id='emailAddresss' type='text'>")

$（“”）
.html（“输入电子邮件地址：”）

---

另外，

不能有子节点，即

测试

无效。

如何读取“发送”事件中用.html（）方法包装的输入div？我不理解这个问题。“读取输入div”是什么意思？获取用户键入的值？您可以像其他任何东西一样将其作为目标（

$（'#emailAddresss'）.val（）

[sic]）

$("<div></div>")
        .html("Enter email address: <input id='emailAddresss' type='text'>")