动态地从jquery ui自定义弹出框中的文本区域获取输入，用于highcharts中的工具提示

Question

这些文本区域应该显示在jquery ui自定义弹出对话框box.This弹出对话框中应该只在按钮click.The输入上可见，因此采取应该显示为工具提示，在一个高图表线形图与文字换行功能，因为我想输入50个字符在每个文本框。

我已经能够使用文本区域从用户那里获取输入，但是我无法使用jquery ui将这些文本区域放置在弹出对话框中。在highcharts中，工具提示通常会加载到document ready上，但我希望只有在单击按钮并在弹出对话框的多个文本区域中填充数据后，才会显示工具提示。

在此链接http://jsfiddle.net/RbenU/3/中，用于工具提示的代码为

             tooltip: {
           formatter: function () {
            var serieI = this.series.index;
            var index = dataValues.indexOf(this.y);
           var index1= dataValues2.indexOf(this.y);
           debugger;
            var comment = "";
            if (serieI == 0) {
                comment = $("input:eq(" + (index) + ")").val();
            } else {
               //comment = "second serie matched!";
                comment = $("input:eq(" + (index1) + ")").val();
            }
            return 'The value for <b>' + this.x +
                '</b> is <b>' + this.y + '</b> -->' + comment;
        }
    },

我只使用了4个文本框，因为我想先在弹出的dailog框中显示文本框，然后再创建12个文本框……

请帮帮我。

Answer 1

看看这里的模态表单示例：* http://jqueryui.com/dialog/#modal-form当用户按下：

        ...
            modal: true,
            buttons: {
            "Create an account": function() { 
              //get the form values or post the form here
        ...

一般情况下，请先参考jQuery示例以了解您的需求，然后使用该接口了解详细信息。