javascript也可以将下面的内容添加到表中

时间:2011-03-16 14:54:04

标签: c# javascript asp.net html

java脚本可以同时将以下内容添加到asp表中(使用html标签)

<script type="text/javascript">
    $(function () {
        $('button').click(function () {
            var x = $('textarea').val();
            $('textarea').val('');
            $('#test1').append('<div id="test">' + x + '</div>');
            return false;
        });
    });
</script>

<textarea style="border: 0" cols="77" rows="2">Write Something....</textarea>
<button>Post Message</button>
<div id="test1"></div>
</asp:Content>

类似的东西:

<script type="text/javascript">
    $(function () {
        $('button').click(function () {
            var x = $('textarea').val();
            $('textarea').val('');
            $('#test1').append('<div id="test">' + x + '</div>');
            //$save append aswell to Table1
            return false;
        });
    });
</script>

2 个答案:

答案 0 :(得分:1)

您好像在这里使用 jquery

你有没有加载你的jquery框架&amp;尝试了你的代码,看它是否有效?

It is running fine on jsfiddle.net here

<强>更新

如果您的Table1在同一页面上。 您需要做的就是获取DOM元素。 如果你有一张桌子

<table id="Table1">
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
</table>

您可以在代码后添加

$('#test1').append('<div id="test">' + x + '</div>');

此代码

$('#Table1 tr:last').after('<tr><td>'+ x +'<td></tr>');

希望您能找到这个有用的

答案 1 :(得分:1)

<script type="text/javascript">
    $(function () {
        $('button').click(function () {
            var x = $('textarea').val();
            $('textarea').val('');
            var newdiv = $("<div></div>").html(x).attr('id','test');
            $('#test1').append(newdiv);
            $('#Table1').append(newdiv);
            //$save append aswell to Table1
            return false;
        });
    });
</script>