日期:2014-05-16 浏览次数:20531 次
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jquery/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$.fn.extend({
"setJson": function (json) {
var id = this.id;
var $form = $(this);
//清空原有表单
$form.find("select").each(function () {
this.selectedIndex = 0;
});
$form.find(":hidden").val(""); //# B 必须注释这一行,换成下一行( #C ), IE8(部分电脑) 和 Chrome 后面的行( #D )才能正常运行, 为什么?
//clearHidden(this.id); //# C
$form = $("#");
//给表单赋值
$("#sel").val("1"); //# D
}
});
function clearHidden(id) {
$("#"+id).find(":hidden").val("");
}
function test() {
var o = { "sel": "1" };
$("#bd").setJson(o);
}
</script>
</head>
<body id="bd">
<input type="hidden" value="1" id="vtid" />
<select id="sel">
<option value="0">---请选择---</option>
<option value="1">第一项</option>
<option value="2">第二项</option>
</select>
<input type="button" value="test" onclick="test()" />
</body>
</html>