Question

我想打开一个jQuery UI对话框，该框将有一个输入字段，该字段将带有用户名。我希望当用户按下对话框上的OK键时，对话框应该以某种方式将用户名返回给jQuery

$("#dialog").dialog({
            autoOpen: false,
            width: 600,
            buttons: {
                "Ok": function() {
                $(this).dialog("close");}}
        });

Answer 1

如果您的网页上有一个ID为dialog且包含输入字段的div，则只需在用户按下OK时使用常规jQuery选择器选择它。

Answer 2

对话框是异步的，这使得“返回”某些内容毫无意义但是，您可以使用其中一个回调函数来执行用户输入操作例如，使用“确定”按钮回调：

$("#dialog")
    .append(
        $("<input>")
            .attr({
                "type" : "text",
                "id" : "user-input"
            })
    )
    .dialog({
        autoOpen: false,
        width: 600,
        buttons: {
            "Ok": function() {
                alert( $("#user-input").val() );
                $(this).dialog("close");
            }}
    });

Answer 3

在“OK”功能上尝试此功能

var myvalue= $("#yourinputtext").val();
alert(myvalue);

Answer 4

您可以在ok按钮点击处理程序中捕获该值，然后根据需要执行该操作：

$("#dialog").dialog({
    autoOpen: false,
    width: 600,
    buttons: {
        "Ok": function() {
            var inputValue = $("#myInput").val();
            // do stuff with the value...

            $(this).dialog("close");}
        }
    }
);

如何从jQuery UI对话框返回用户输入

4 个答案: