我不想使用javascript显示的下拉列表值

我不想使用javascript显示的下拉列表值,javascript,drop-down-menu,visibility,Javascript,Drop Down Menu,Visibility,我有两个下拉菜单 第一->下拉菜单(name=“DropDown1”)有两个值,分别是ABC和ABCD 第二->下拉菜单(name=“DropDown2”)有3个值,分别为1、2和3 现在我的问题是,在Javascript中,如果用户从下拉列表1中选择ABC,那么我如何获得它,使下拉列表2只显示值1和2,而不是3,这是因为您不能为ABC选择3个答案,但如果用户从下拉列表1中选择ABCD,则可以在下拉列表2中显示值1、2和3 谢谢我将设置一个键/值对对象,用于保存您的选择可能性。然后绑定到Drop

我有两个下拉菜单

第一->下拉菜单(name=“DropDown1”)有两个值,分别是ABC和ABCD
第二->下拉菜单(name=“DropDown2”)有3个值,分别为1、2和3

现在我的问题是,在Javascript中,如果用户从下拉列表1中选择ABC,那么我如何获得它,使下拉列表2只显示值1和2,而不是3,这是因为您不能为ABC选择3个答案,但如果用户从下拉列表1中选择ABCD,则可以在下拉列表2中显示值1、2和3


谢谢

我将设置一个键/值对对象,用于保存您的选择可能性。然后绑定到DropDown1上的更改事件,以便在DropDown2发生更改时重写其选项

您的javascript对象将如下所示

var DropOne = new Array();

DropOne.ABC = [1, 2];
DropOne.ABCD = [1, 2, 3];
如果您将jQuery标记添加到问题中,我很乐意向您展示一些工作代码。但是,我无法在头脑中用纯javascript实现它。。。哎呀:)

好吧。。。好了,如果您需要jQuery,它就在这里


您必须有两个数组,在选择问题时,您必须填充答案选择中的选项,示例代码:

<html>
    <head>
    <title>Question Answer Test</title>
    <script type="text/javascript">
        var dropdown1 = [];
        var dropdown2 = [];

        dropdown1[0] = new Option("1", "1");
        dropdown1[1] = new Option("2", "2");

        dropdown2[0] = new Option("1", "1");
        dropdown2[1] = new Option("2", "2");
        dropdown2[2] = new Option("3", "3");

        function populateAnswer(qusSelectBox, ansSelectBox){
            var tempMenuItem;
            ansSelectBox.options.length = 0;

            switch (qusSelectBox.selectedIndex) {
                case 0:
                    tempMenuItem = dropdown1;
                    break;
                case 1:
                    tempMenuItem = dropdown2;
                    break;
           }

           for (var i = 0; i < tempMenuItem.length; i++) {
                ansSelectBox.options[i] = tempMenuItem[i];
           }
   }

    </script>
    </head>
    <body>
        <form name="Menus">
            <select name="Question" onchange="populateAnswer(this, this.form.Answer);">
                 <option value="ABC">ABC</option>
                 <option value="ABCD">ABCD</option>
            </select> 
            <select name="Answer">
                <option value="1">1</option>
                <option value="2">2</option>
            </select>
        </form>
    </body>
 </html>

问答测试
var-dropdown1=[];
var-dropdown2=[];
下拉列表1[0]=新选项(“1”、“1”);
下拉列表1[1]=新期权(“2”、“2”);
下拉2[0]=新选项(“1”、“1”);
下拉2[1]=新期权(“2”、“2”);
下拉2[2]=新期权(“3”、“3”);
函数populateAnswer(qusSelectBox、ansSelectBox){
var tempMenuItem;
ansSelectBox.options.length=0;
开关(qusSelectBox.selectedIndex){
案例0:
tempMenuItem=下拉列表1;
打破
案例1:
tempMenuItem=下拉菜单2;
打破
}
对于(变量i=0;i
太多的jQuery会让您忘记旧的javascript:)+1(对于jQuery版本;)这是真的。我也不为此感到不安。:)谢谢