Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript与表单选择关系_Javascript - Fatal编程技术网

JavaScript与表单选择关系

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

我有一个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="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]);
}