Question

我已经看了一遍，原因是为什么这段代码不起作用而且我很难过。

我有一个带有C＃代码的ASPX页面。 HTML标记有一个正常运行的JQuery对话框。单击提交按钮时，对话框将关闭，数据将传递给Web公开方法并写入数据库。为ddl和chkbox控件保存所有值，但文本框的字符串值为空。对于填充文本框并保存数据的字段，数据库设置为NOT NULL，因此我知道数据正在传递，但它不是输入到文本框中的值。

文本框ID为txtCategoryName，客户端ID模式设置为静态。我试图使用以下内容获取值：

var CategoryName = $('#txtCategoryName').val();
var CategoryName = $('#txtCategoryName').text();
var CategoryName = $(document.getElementById('txtCategoryName')).text();
var CategoryName = $(document.getElementById('txtCategoryName')).val();
var CategoryName = document.getElementById('txtCategoryName').value;

所有这些都返回相同的空白字段。我一次尝试一个。目前我正在使用这个JS代码：

$(document).ready(function () {

var CategoryDialog = $(".EditCategories");
var BtnNew = $("#btnNew");
var CatDDL = document.getElementById("ddlCategoryParent3");
var CatChk = $("#chkCatActive").val();
var CategoryID = 0;
var CategoryName = $("#txtCategoryName").val();
var ParentID = CatDDL.options[CatDDL.selectedIndex].value;
if (CatChk) { CatChk = 1; } else { CatChk = 0; }



var CatDialog = $(CategoryDialog.dialog({

    maxHeight: 1000,
    closeOnEscape: true,
    scrollable: false,
    width: 650,
    title: 'Category Editor',
    autoOpen: false,


    buttons: [
        {
            width: 170,
            text: "Save",
            icons: {
                primary: "ui-icon-disk"
            },
            click: function () {
                $(this).dialog("close");
                window.alert(PageMethods.saveCat(CategoryName, ParentID, CategoryID, CatChk));

            }

        },

        {
            width: 170,
            text: "Delete",
            icons: {
                primary: "ui-icon-circle-minus"
            },
            click: function () {
                $(this).dialog("close");
            }

        },
        {
            width: 170,
            text: "Cancel",
            icons: {
                primary: "ui-icon-circle-close"
            },
            click: function () {
                $(this).dialog("close");
            }

        }
    ]
})






);



BtnNew.click(function () {
    $(CatDialog).dialog('open');
    $(CatDialog).parent().appendTo($("form:first"));

});




});

aspx页面的代码标记（categories.aspx）

<div class="EditCategories">
    <div class="Table">
        <div class="TableRow">

                <div class="TableCell">
                           <div class="TextBlock220">Category Name </div>
                </div><!-- End Table Cell -->
                <div class="TableCell">
                    <input id="txtCategoryName" class="ControlTextBox" />
                    <!--<asp:TextBox ID="txtCategoryName" CssClass="ControlTextBox" runat="server" ClientIDMode="Static"></asp:TextBox>-->
                 </div><!--End Table Cell-->
             </div><!-- End Row 1 -->
         <div class="TableRow">
               <div class="TableCell">
                           Parent Category
               </div><!-- End Table Cell -->
               <div class="TableCell">
                    <asp:DropDownList ID="ddlCategoryParent3" runat="server" CssClass="ControlDropDownList" ClientIDMode="Static"></asp:DropDownList>
               </div><!--End Table Cell-->
         </div>
         <div class="TableRow">
                    <div class="TableCell">
                          Active
                    </div><!-- End Table Cell -->
                    <div class="TableCell">
                          <asp:Checkbox ID="chkCatActive"      CssClass="ControlCheckBox" runat="server" ClientIDMode="Static"></asp:Checkbox>
                    </div><!--End Table Cell-->
         </div><!-- End Row 3-->


        </div>
</div>

ASPX页面的C＃代码隐藏方法：

[System.Web.Services.WebMethod()]
[System.Web.Script.Services.ScriptMethod()]
public static string saveCat(string _Name_, int _parent_id_, int ID, int _Status_)
{
    Category eCT = new Category();
    eCT.CategoryName = _Name_;
    eCT.ParentID = _parent_id_;
    eCT.ID = ID;
    eCT.Status = _Status_;
    eCT.Save();
    return eCT.resultMessage; 
}

保存方法：

/// <summary>
/// If the ID = 0 the data is written as a new category.
/// If the ID is greater than 0 the data is updated.
/// </summary>
/// <returns>The objects result value will hold the result of the attempt to update data as type Boolean.  The objects resultMessage value will contain the string result of the attempt to add data.</returns>
public void Save()
{

    result = dl.CategoryExists(this);
    if (result) { resultMessage = "The parent category already contains a category named " + CategoryName.Trim(); }
    else { 
        if (ID > 0)
        {
            if (!result) { resultMessage = "There was an unexpected error updating " + CategoryName.Trim() + ". No changes were saved."; }
        }
        else
        {
            result = dl.InsertCategory(this);
            if (!result) { resultMessage = "There was an unexpected error creating the Category."; }
        }
    }
    if (result) { resultMessage = "New Category Successfully Created"; }

}

非常感谢任何帮助。

Answer 1

这里的问题是，在输入字段填写之前，您尝试在页面加载后立即获取值。将此代码放在按钮单击功能中：

org.apache.axiom.om.OMException: javax.xml.stream.XMLStreamException: DOCTYPE is not allowed

它应该适合你。如果没有，请告诉我们。

您的代码应如下所示：

var CategoryName = document.getElementById('txtCategoryName').value;

Answer 2

您正在页面启动时从对话框中获取值，然后再编辑它们。

看起来像这样：

var CategoryName = $("#txtCategoryName").val();

在页面启动时运行，然后编辑页面。这将获取输入字段的默认值，并且永远不会反映在页面上执行的任何编辑。上面的代码行不会创建＆＃34; live＆＃34;与页面上的输入字段连接。它只是在运行代码行时获取值，从那时起，与该字段的任何编辑都没有任何关联。

我认为你只想在以后实际需要为某些东西估价时才获取该值。通常，您不希望缓存这样的值，因为缓存的值与页面上实际字段中的值不同步。只需在您需要它的时刻获取它，它就永远不会有陈旧的价值。

如果您使用此值的地点位于对话框点击处理程序中，则在那里获取它以获得最新值：

        click: function () {
            $(this).dialog("close");
            var CatChk = $("#chkCatActive").val() ? 1 : 0;
            var CategoryName = $("#txtCategoryName").val(); 
            var CatDDL = document.getElementById("ddlCategoryParent3");
            var ParentID = CatDDL.options[CatDDL.selectedIndex].value;               
            window.alert(PageMethods.saveCat(categoryName, ParentID, CategoryID, CatChk));

        }

为什么JS / JQuery不会读取文本框值？

2 个答案: