怎的获取修改后的HTML

怎样获取修改后的HTML

<div id="div1“>
<input type="text" name="test" id="test" value="123" />
<input type="button" onclick="showVal()" value="当前数值" />
</div>

<script type="text/javascript">
function showVal() {
    var b=$("#div1")[0].innerHTML;   //当使用修改了input的值,不能正确获取到HTML
}
</script>


当用户修改了两个input的值之后, 再执行showval(), 获取的HTML的值,还是旧的值,不是修改数据后的值。
要怎样才能获取用户修改值后的HTML啊?
------解决方案--------------------
应该是新的 啊。
------解决方案--------------------
jquery不是html()取代码,val()取值么?好久没写代码了我没记错吧?innerHTML这不是DOM里的写法么
------解决方案--------------------
.val()
------解决方案--------------------
var b=$("#div1 input").val()
------解决方案--------------------
哪里能看出showval()是在修改两个input之后调用的?
------解决方案--------------------
引用:
哪里能看出showval()是在修改两个input之后调用的?

看漏了, 楼主用这个试试$("#div1").html()
------解决方案--------------------
var e = $("#div1 input").val();//获取值
$("#div1 input").attr("value",e);//将input中的值改为填入的值
var f = $("#div1")[0].innerHTML;
alert("f="+f);
------解决方案--------------------
$("#div1").html();