帶有jQuery的文本框的對話框

Question

這是我用於實現帶有文本框的對話框的代碼：

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");
                }
            }
    });    
}-*/; 

我遇到的問題是輸入沒有出現在對話框中。 我在這里可以缺少什么？

作為函數的一部分，我還需要將文本輸入的值發送到一個方法進行處理。

Answer 1

我不確定這是什么語言/框架，但我會假設非jQuery的東西是正確的。

這一行：

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

創建一個新的div ，這一行：

.text("Enter email address:")

將div元素的文本設置為Enter email address: ,它會覆蓋/刪除輸入。

此外， input元素是自動關閉的： <input type="text" value="Test" />

Answer 2

您正在使用.text()方法覆蓋內容（包括輸入字段）。

請改用：

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

此外， <input>不能有子節點，即<input>Test</input>無效。