<html>
<head>
<script language="javascript">
var lastNum=0;
function doChg(src){
txtName.style.display="none";
divName.style.display="none";
if(parseInt(src.value,10)<3) 
txtName.style.display="";
else
divName.style.display="";
}
function doClear(){
var dlt=document.getElementById("dltPrice");
if(dlt)  dlt.innerHTML="";
}
function doAdd(){
var dlt=document.getElementById("dltPrice");
var val=document.getElementById("txtDltModify").value;
val=parseInt(val,10);
if(isNaN(val)){ alert("请输入合法的数字!"); return;}
if(val<=lastNum){ alert("输入的数字必须大于 "+lastNum+" !"); return;}
var opt=document.createElement("option");
dlt.add(opt);
opt.text=lastNum+"-"+val;
opt.value=lastNum+"-"+val;
opt.selected=true;
lastNum=val;
}
</script>
</head>
<body>
<select onChange="doChg(this)">
<option value="1">名称</option>
<option value="2">编号</option>
<option value="3">价格</option>
</select>
<input type="text" id="txtName" style="display:">
<div id="divName"  style="display:none;">
<select id="dltPrice" style="width:120px; ">
<option value="0-100">0-100</option>
<option value="100-200">100-200</option>
<option value="200-300">200-300</option>
</select>
<input type="text" id="txtDltModify">
<input type="button" onClick="doAdd()" value="添加">
<input type="button" onClick="doClear()" value="清空价格列表">
</div>
</body>
</html>