js部分:
<script type="text/javascript">
function on_click()
{
var temp1=document.getElementById("text1").value;
var temp2=document.getElementById("text2").value;
for(var i=1;i<5;i++)
{
document.getElementById("div"+i).style.display="none";
}
if(temp1>0 && temp2<=4){
for(var i=temp1;i<=temp2;i++)
{
document.getElementById("div"+i).style.display="";
}
}
if(temp1==0)
{
for(var i=1;i<=temp2;i++)
{
document.getElementById("div"+i).style.display="";
}
}
if(temp2>4)
{
for(var i=temp1;i<5;i++)
{
document.getElementById("div"+i).style.display="";
}
}
if(temp1==0 && temp2>4)
{
for(var i=1;i<5;i++)
{
document.getElementById("div"+i).style.display="";
}
}
}
</script>
html部分:
<input type="text" id="text1" />至<input type="text" id="text2" /><input type="button"
value="查詢" onclick="on_click();" />
<div id="div1" style="display: none;">
div1 內容。。。</div>
<div id="div2" style="display: none;">
div2 內容。。。</div>
<div id="div3" style="display: none;">
div3 內容。。。</div>
<div id="div4" style="display: none;">
div4 內容。。。</div>
希望對妳有用。