javascript - 使用 Javascript Dropdwnlistbox-6ren

javascript - 使用 Javascript Dropdwnlistbox

转载作者：行者123 更新时间：2023-11-28 10:34:09

25

4

我有下拉列表框和两个单选按钮如果我检查第一个单选按钮，1,2,3 将被添加到下拉列表框中。如果我选择第二个单选按钮，4,5,6 将添加到下拉列表框中。所有这些都是使用java脚本创建的。我的问题是，当我选择任何单选按钮时，我没有选择drpdownlist值

请帮助我

最佳答案

假设您想要替换选择列表中的值(而不是让它永久增长)，这是一种非常简单/强力的方法。当然有更优雅的解决方案，但这应该可以帮助您理解选择列表操作的基 native 制。

我在 FF3.5 和 IE8 中对此进行了测试。

<html>
<head>
<script type="text/javascript">
    function buildList(selectedRadio){
        if(document.mylist){
            thelist=document.mylist;
        } else {
            thelist=document.getElementById('mylist');
        }

        thelist.options.length=0;

        if( selectedRadio=="123" ){
            thelist.options.add(new Option("1",1));
            thelist.options.add(new Option("2",2));
            thelist.options.add(new Option("3",3));
        } else {
            thelist.options.add(new Option("4",4));
            thelist.options.add(new Option("5",5));
            thelist.options.add(new Option("6",6));
        }
    }
    function changeSelectList(){
        var selectedRadio;
        var radios=document.forms[0].chooseOptions;
        for( var i=0; i<radios.length; i++ ){
            if( radios[i].checked ){
                selectedRadio=radios[i].value;
                break;
            }
        }
        buildList(selectedRadio);
    }
</script>
</head>
<body>
Which options do you want?<br/>
<form name="myform">
1,2,3 <input onclick="changeSelectList();" type="radio" name="chooseOptions" value="123" CHECKED/><br/>
4,5,6 <input onclick="changeSelectList();" type="radio" name="chooseOptions" value="456" /><br/>
<select id="mylist" name="mylist">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
</form>
</html>

关于javascript - 使用 Javascript Dropdwnlistbox，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2157179/

25

4

0

文章推荐： javascript - 清除网格中的过滤器

文章推荐： html - 如何让我的 div 彼此保持一致的高度？

文章推荐： javascript - 如果 DOM 中没有表单，如何获取选择/选项列表

文章推荐： asp.net - 填充下拉列表框时为其提供工具提示

javascript - 使用 Javascript Dropdwnlistbox
我有下拉列表框和两个单选按钮如果我检查第一个单选按钮，1,2,3 将被添加到下拉列表框中。如果我选择第二个单选按钮，4,5,6 将添加到下拉列表框中。所有这些都是使用java脚本创建的。我的问题是，当

首页

博学

6Ren·AI

商城

javascript - 使用 Javascript Dropdwnlistbox