Question

我有一个文本框数组，每个文本框都有右边的按钮，当按下时，文本应该使用Jquery显示在新窗口上。对于演示，您可能已经看过jquery灯箱插件，它在新窗口中显示图像。我希望完全相同，但我想在按下按钮时显示文本框的文本值而不是图像。

请告诉我该怎么做？

Answer 1

你可以这样做：

var win = window.open();
var doc = win.document;
doc.write($('#textbox_id').val());
doc.close();

Answer 2

testopen.html：

<html>
      <head></head>
      <body>
         <div id="field1"></div>
         <div id="field2"></div>
      </body>
</html>

testopener.html：

<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
</head>
<body>

    <input id="field1" />
    <input id="field2" />

    <button id="opentest">test</button>
</form>

</body>

<script type="text/javascript">

$(function(){

    var winopen = null;

    $("#opentest").bind("click", function(){

           if (winopen == null || winopen.closed){
            winopen = window.open("testopen.html","", "left=100,top=100,width=250,height=150");
        }

        var field1 = $("#field1").val(),
            field2 = $("#field2").val(),
            ntry = 3,
            sendMsg = function(){

                if (winopen.document.readyState != "complete"){

                    if (ntry >= 0)
                        setTimeout(sendMsg, 1000);

                    ntry--;
                    return;

                }

                $(winopen.document.body).find("#field1").html(field1);
                $(winopen.document.body).find("#field2").html(field2);

          }

        sendMsg();

    });

});

</script>

链接

http://jquery.com/demo/thickbox/

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

http://www.ericmmartin.com/projects/simplemodal/

Answer 3

如果您想显示ony文本，我强烈建议使用对话框而不是插件。
有很多插件可以实现这一点，它支持显示图像和文本。

http://fancybox.net/

http://colorpowered.com/colorbox/

http://dev.iceburg.net/jquery/jqModal/#

http://jqueryui.com/demos/dialog/

Answer 4

您可以这样做：

$('input#mybutton').click(function() {
    var text = $('textarea#mytextarea').val();
});

因此，单击该按钮时，textarea中的内容将被收集到变量中。之后，您只需要在目的地上注入变量内容：

警报（）
弹出窗口插件
自定义弹出窗口
打开包含该内容的新浏览器窗口等...

使用Jquery在新窗口中获取文本框值

4 个答案: