js控制div显示隐藏与赋值,selelect默认选中,div显示竖向进度条

1.js控制div现实隐藏与赋值

显示与隐藏:

显示:document.getElementById('statusdiv').style.display = "";

隐藏:document.getElementById('statusdiv').style.display = "none";

赋值:$("#date").html(data[0].date);

2.控制select默认选中

第一个option选中

$("#status option:nth-child(1)").prop("selected", 'selected');

第二个option选中

$("#status option:nth-child(2)").prop("selected", 'selected');

第三个option选中

$("#status option:nth-child(3)").prop("selected", 'selected');

3.ajax携带数据

$.ajax({
url:'/newsdown/article/test.do',
data:{url:$('#test').val(),template:$('#template').val()},   (或者采用$("#searchForm").serializeObject();)
type:"POST",
success:function(data){
if(data){
document.getElementById('testdata').hidden = false;
$("#date").html(data[0].date);
$("#title").html(data[0].title);
$("#content").html(data[0].content);
}else{
if(self != top){
top.location = "../";
};
}
}
});

4.div显示数据过多且没有竖向进度条

<div id='d1' style='height:500px;width:900px;overflow:auto;border:1px;border-color:#000;border-style: solid;' >

 <div id="content"></div>

</div>

也就是在div外面在嵌套一个div,再控制外面的div显示进度条.