使用.html()将html代码添加到FF,Chrome中的<input type =“hidden”/>时,<input />值未保存

时间:2011-05-19 07:09:42

标签: jquery html asp.net-mvc

我正在尝试保存动态html,以便在asp中验证失败。 mvc页面上的html被保存并在回发后显示。

我通过jquery .append()动态添加html,向字段添加值,然后点击提交按钮,以下javascript函数触发:

function GetInnerHTML(node)
        {
            $("#hdnTblVal").val(node.html());
        }

使用node作为动态html的html标签。之后,通过会话变量检索并保存内容。

在IE8中,即使保存了输入值,但在Firefox和Chrome中,值也消失了。

1 个答案:

答案 0 :(得分:0)

HTML:

<button id="button">click me</button>
<input type="text" id="hdnTblVal" value="" />
<div id="node">
    <span id="first">first</span>
    <div id="second">second</div>
</div>

Javascript(使用jQuery):

function GetInnerHTML(node) {
    $("#hdnTblVal").val(node.html());
}

$(function(){
    $('#button').click(function(){
        GetInnerHTML($('#node'));
    });
});