如何从textarea jquery UI对话框中获取文本

时间:2013-09-24 12:51:44

标签: jquery css jquery-ui css3

我正在尝试在确认对话框中的文本区域中输入用户文本。 有什么想法吗?

alert ($('#optionalmessage').text());似乎没有这样做。

Fiddle here

$(doument).ready(function () {
    $("#click").click(function (event) {
        $("#dialog-confirm").dialog({
            resizable: false,
            height: 140,
            modal: true,
            buttons: {
                "Send it ": function () {
                alert ($('#optionalmessage').text());
                $(this).dialog("close");
            },
            Cancel: function () {
                    $(this).dialog("close");
            }
        }
    });

});

此外,我还需要为此textarea创建更多空间(比fiddle 中的更多空间),但使用

<textarea rows="4" cols="50">
它几乎消失了......

2 个答案:

答案 0 :(得分:1)

尝试

alert ($('#optionalmessage').val());

DEMO

答案 1 :(得分:1)

工作DEMO

试试这个

$(document).ready(function () {

    $("#click").click(function (event) {

        $("#dialog-confirm").dialog({
            resizable: false,
            height: 375,
            width: 500,
            modal: true,
            buttons: {
                "Delete all items": function () {

                     alert ($('#optionalmessage').val());
                },
                Cancel: function () {
                    $(this).dialog("close");
                }
            }
        });

    });

});

希望这有帮助,谢谢