从Fancybox中的文本框中检索数据

时间:2014-10-04 14:58:40

标签: javascript jquery asp.net vb.net fancybox

我尝试从后面的代码中的文本框中获取文本,但文本总是空的“”。

我的aspx代码:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Wertpapiere.aspx.vb" Inherits="Aktien.Werpapiere" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="Content/font-awesome.min.css" rel="stylesheet" />
    <script src="Scripts/jquery-2.1.1.min.js"></script>
    <script src="Scripts/jquery.fancybox.pack.js"></script>
    <link href="Content/jquery.fancybox.css" rel="stylesheet" />
    <link href="style.css" rel="stylesheet" />
    <title></title>
</head>
<body>
    <script type="text/javascript">
        $(document).ready(function () {

            /* Using custom settings */

            $("a#aAdd").fancybox({
                    'hideOnContentClick': true,
                    'closeBtn': false,
                    'autoSize': true,
                    'minWidth': 500,
                    'minHeight': 150
                });
        });


    </script>

    <h1>Test</h1>
    <form id="form1" runat="server">
    <div>

        <a id="aAdd" href="#dAdd"><i class="fa fa-plus"></i>Add</a>

        <div style="display:none">
            <div id="dadd">
                <h2>Add new item</h2>
                <label id="lName" for="tbName">Name:</label>
                <asp:TextBox ID="tbName" runat="server"></asp:TextBox>
                <br /><br />
                <asp:LinkButton ID="lbAdd" class="btn btn-add" runat="server"><i class="fa fa-plus"></i> Add</asp:LinkButton>
                <asp:LinkButton ID="lbCancel" class="btn btn-cancel" runat="server" OnClientClick="$.fancybox.close()"><i class="fa fa-times"></i> Cancel</asp:LinkButton>
            </div>
        </div>
    </div>
    </form>
</body>
</html>

我的Code Behind代码:

Private Sub lbAdd_Click(sender As Object, e As EventArgs) Handles lbAdd.Click
    AddNewItem(tbName.Text)
End Sub

如何获取已输入的文字?

我尝试编辑jquery.fancybox.js和jquery.fancybox-buttons.js(appendTo('body')到appendTo('form1)),但它不起作用。

1 个答案:

答案 0 :(得分:0)

在javascript和jquery中获取一个文本框的值到另一个文本框尝试这个逻辑:

var text1 = $("#textBox1").val();
$("#textBox2").val(text1);

可能有帮助。