JavaScript与表单选择关系
我有一个2倍选择的表格 “塞纳奥德”JavaScript与表单选择关系,javascript,Javascript,我有一个2倍选择的表格 “塞纳奥德” <select class="form" name="cenaod" id="cenaod"> <option value="0">Dowolna</option> <option value="1000">1000</option> <option value="2000">2000</option> <option value
<select class="form" name="cenaod" id="cenaod">
<option value="0">Dowolna</option>
<option value="1000">1000</option>
<option value="2000">2000</option>
<option value="3000">3000</option>
<option value="4000">4000</option>
<option value="5000">5000</option>
<option value="6000">6000</option>
</select>
多沃尔纳
1000
2000
3000
4000
5000
6000
“塞纳多”
<select class="form" name="cenado" id="cenado">
<option value="0">Dowolna</option>
<option value="1000">1000</option>
<option value="2000">2000</option>
<option value="3000">3000</option>
<option value="4000">4000</option>
<option value="5000">5000</option>
<option value="6000">6000</option>
</select>
多沃尔纳
1000
2000
3000
4000
5000
6000
和JS函数
function formPola(jeden,dwa)
{
document.getElementById(jeden).onchange = function(){
var opt,pole,i;
opt = document.getElementById(dwa).getElementsByTagName('option');
for( i=0; pole = opt[i]; i++){
pole.style.display="";
if(i < this.selectedIndex)
pole.style.display="none";
}
}
}
formPola("cenaod","cenado");
函数formPola(杰登,dwa)
{
document.getElementById(jeden).onchange=function(){
var opt,pole,i;
opt=document.getElementById(dwa.getElementsByTagName('option');
对于(i=0;极点=opt[i];i++){
pole.style.display=“”;
如果(i
当我选择'cenaod'例如4000时,在'cenado'中我将是唯一相等和更大的选项:4000、5000和6000
在Firefox中工作正常,但在IE和Opera中不工作。
不能通过将选项的显示设置为“无”来隐藏该选项。要不显示选项,必须将其从下拉列表中删除
首先,我建议保存cenado DD中的所有选项,然后,当cenaod更改时,清除cenado,并仅使用>=新cenaod值的选项(以前保存的)重新填充它
var cenado = document.getElementById("cenado");
var cenadoOptions = [];
for (var i = 0, len = cenado.options.length; i < len; i++)
cenadoOptions.push(cenado.options[i]);
var cenaod = document.getElementById("cenaod");
cenaod.onchange = function() {
var val = +cenaod.value;
cenado.options.length = 0;
for (var i = 0; i < cenadoOptions.length; i++)
if (+cenadoOptions[i].value >= val)
cenado.options.add(cenadoOptions[i]);
}
var cenado=document.getElementById(“cenado”);
var-cenadoOptions=[];
对于(变量i=0,len=cenado.options.length;i=val)
cenado.options.add(cenadoOptions[i]);
}