问大家个问题呀。。。
第一个下拉框：<select name="source" alt="问大家个有关问题呀。" />
不是记不住下拉框里面的值，就是移除不了，要么就是刷新一次 下拉框就变短了。。
各位大神，，，，请出手吧，，，，
Web select
[解决办法]
1,source 改变 提交后台，刷新页面，或ajax提交重新生成
2，operator 的数据不多可以 先全部生成 JS数组，由JS来生成
[解决办法]
//你先保存份你后台的option 吧
var optArr=[];
<c:forEach items="${operList}" var="oper" varStatus="s">
optArr[${s.index}]={};
optArr[${s.index}].name=${oper.opername};
optArr[${s.index}].value=${oper.operatorid};
</c:forEach>
function chShow(e){
if(e=='1'){
var x=document.getElementById("第二个下拉框")
//循环删除然后append <option value="-2">imp</option>
}
if(e=='-2'){
//operator
var x=document.getElementById("第二个下拉框")
//循环如果当前的value是-2 删除
x.remove(x.selectedIndex)
}
<select name="source" class="field" onchange="chShow(this.vale)">
<option value="1">web</option>
<option value="-2">imp</option>
</select>
<form name="f1" >
<select name="source" class="field" onchange="chShow(this)">
<option value="1">web</option>
<option value="-2">imp</option>
</select>
<select name="operator" class="f">
<option value="1">1</option>
<option value="2">2</option>
<option value="-2">imp</option>
</select>
</form>
<script>
var f=document.forms['f1'];
var ds=[];
function chShow(){
f.operator.length=0;
if(f.source.value==1){
for(var i=0;i<ds.length;i++)
f.operator.options.add( new Option( ds[i].t,ds[i].v ) )
}else{
f.operator.options.add( new Option( 'imp',-2) )
}
}
window.onload=function(){
var opts=f.operator.options;
for(var i=0;i< opts.length;i++){
opts[i].value!='-2'&&ds.push( { t: opts[i].text,v:opts[i].value } )
}
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://www.apobates.com/js/jquery.js"></script>
<title>无标题文档</title>
</head>
<body>
<select name="source" class="field">
<option value="1">web</option>
<option value="-2">imp</option>
</select>
<select name="operator" class="f">
<option value="">==plase choose==</option>
<option value="100">100</option>
<option value="200">200</option>
<option value="200">300</option>
<option value="400">400</option>
<option value="500">500</option>
<option value="-2">imp</option>
</select>
<script type="text/javascript">
jQuery(function($){
$('.field').change(function(){
if($(this).val() == '1'){
$('.f').find('option').show();
$('.f').find('option[value!=-2]').hide();
}
if($(this).val() == '-2'){
$('.f').find('option').show();
$('.f').find('option[value=-2]').hide();
}
});
});
</script>
</body>
</html>
