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

【问题标题】：How to return user input from jQuery UI dialog box如何从 jQuery UI 对话框返回用户输入
【发布时间】：2012-05-10 04:01:37
【问题描述】：

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

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

【问题讨论】：

您可以像使用任何标准输入框一样使用val() 获取放入框中的值。您是否正在尝试使用该值做一些具体的事情？
是的，我想在我的 jquery 代码中进一步使用它，

标签： php javascript jquery jquery-ui

【解决方案1】：

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

【讨论】：

【解决方案2】：

在“确定”功能上试试这个

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

所以当我点击确定时，我将能够访问 jquery 脚本中的 $("#user-input").val() 变量
是的，因为只要对话框打开，'#user-input' 就是 DOM 的一部分。

【解决方案4】：

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

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

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

【讨论】：