JS动态控制列表框值

想实现如下效果：
1.我现在有三个文本框和一个列表框
2.当三个文本框中有任一一个值为1时，则列表框的值为NG
3.当三个文本框的值全不为1时，则列表框的值为OK
4.当文本框的值进行改变时，列表框的值也能相应的进行变化

解决方案 »

  1.   

    <!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" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function changeSEL() {
    var txt1 = parseInt(document.getElementById('txt1').value);
    var txt2 = parseInt(document.getElementById('txt2').value);
    var txt3 = parseInt(document.getElementById('txt3').value);
    if (txt1 == 1 || txt2 == 1 || txt3 ==1) document.getElementById('s1').getElementsByTagName('option')[1].selected = true;
    if (txt1 != 1 && txt2 != 1 && txt3 != 1) document.getElementById('s1').getElementsByTagName('option')[2].selected = true;
    }
    </script>
    </head><body>
    <input type="text" id="txt1" name="txt1" onchange="changeSEL();" />
    <input type="text" id="txt2" name="txt2" onchange="changeSEL();" />
    <input type="text" id="txt3" name="txt3" onchange="changeSEL();" />
    <select id="s1" name="s1">
    <option value="DEFAULT" selected="selected">DEFAULT</option>
    <option value="NG">NG</option>
    <option value="OK">OK</option>
    </select>
    </body>
    </html>
      

  2.   

    <!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" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function changeSEL() {
    var ipts = document.getElementsByTagName('input');
    var flag1 = false;
    var flag2 = true;
    for (var i = 0; i < ipts.length; i ++) {
    if (parseInt(ipts[i].value) == 1) {
    flag1 = true;
    flag2 = false;
    }
    }
    if (flag1) document.getElementById('s1').getElementsByTagName('option')[1].selected = true;
    if (flag2) document.getElementById('s1').getElementsByTagName('option')[2].selected = true;
    }
    window.onload = function() {
    var ipts = document.getElementsByTagName('input');
    for (var i = 0; i < ipts.length; i ++) ipts[i].onchange = changeSEL;
    }
    </script>
    </head><body>
    <input type="text" />
    <input type="text" />
    <input type="text" />
    <input type="text" />
    <select id="s1" name="s1">
        <option value="DEFAULT" selected="selected">DEFAULT</option>
        <option value="NG">NG</option>
        <option value="OK">OK</option>
    </select>
    </body>
    </html>