Jquery 更改单击单选按钮时的下拉值_Jquery_Jsp_Spring Mvc

Jquery 更改单击单选按钮时的下拉值

jquery jsp spring-mvc

Jquery 更改单击单选按钮时的下拉值,jquery,jsp,spring-mvc,Jquery,Jsp,Spring Mvc,我将spring与ibatis和jsp页面一起用于演示。我的问题是，我有一个jsp页面和通过model属性呈现的下拉列表的值，如下所示 <select id="describe" style="width: 500px;"> <c:forEach var="aff" items="${droplist}"> <option name="category" value="${aff.community_category_id}">

我将spring与ibatis和jsp页面一起用于演示。我的问题是，我有一个jsp页面和通过model属性呈现的下拉列表的值，如下所示

<select id="describe" style="width: 500px;">
    <c:forEach var="aff" items="${droplist}">
        <option name="category" value="${aff.community_category_id}">
            ${aff.category}
        </option>
    </c:forEach>
</select>


${aff.category}

这是我的单选按钮：

<input type="radio" id="class" name="type" value="1" checked>Class
<input type="radio" id="Club" name="type" value="2">Club
<input type="radio" id="Course" name="type" value="3">Course
<input type="radio" id="Community" name="type" value="4">Community

类
俱乐部
课程
社区

单击任何单选按钮时，需要更改下拉列表的内容

任何我不明白的想法

谢谢。


        <head>
            <title>prova</title>
            <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
            <script>
                    var listA=[{name:'name1a', value:'value1a'}, {name:'name2a', value:'value2a'}, {name:'name3a', value:'valuea3a'}];
                    var listB=[{name:'name1b', value:'value1b'}, {name:'name2b', value:'value2b'}, {name:'name3b', value:'valuea3b'}];
                    var listC=[{name:'name1c', value:'value1c'}, {name:'name2c', value:'value2c'}, {name:'name3c', value:'valuea3c'}];
            </script>
            <script>
            $(document).ready(
                    function() {
                            $(':radio').bind('click',function(){
                                    $('#describe')
                                            .find('option')
                                            .remove()
                                            .end();
                                    $.each(listA, function(index, value) {
                                            $('#describe').append('<option value="'+value.value+'">'+value.name+'</option>');
                                    });

                            });
                    });
            </script>
    </head>
    <body>
            <div>
            <select id="describe">
                    <option name="name" value="1">a</option>
                    <option name="name" value="2">b</option>
            </select>
            </div>
            <div>
                    <input type="radio" id="class" name="type" value="1" checked>Class <br/>
                    <input type="radio" id="Club" name="type" value="2" >Club<br/>
                    <input type="radio" id="Course" name="type" value="3">Course<br/>
                    <input type="radio" id="Community" name="type" value="4">Community<br/>
            </div>
    </body>

普罗瓦
var listA=[{name:'name1a'，value:'value1a'}，{name:'name2a'，value:'value2a'}，{name:'name3a'，value:'valuea3a'}]；
var listB=[{name:'name1b'，value:'value1b'}，{name:'name2b'，value:'value2b'}，{name:'name3b'，value:'valuea3b'}]；
var listC=[{name:'name1c'，value:'value1c'}，{name:'name2c'，value:'value2c'}，{name:'name3c'，value:'valuea3c'}]；
$（文件）。准备好了吗(
函数（）{
$（'：radio'）.bind（'click'，function（）{
$（“#描述”）
.find（'选项'）
.删除（）
.end（）；
$.each（列表、函数（索引、值）{
$（'#descripe'）.append（''+value.name+''）；
});
});
});
A.
B
类

俱乐部

课程

社区

每次单击其中一个单选按钮并加载从listA对象中获取的新值/名称时，这只会更改“描述”选择集的内容，因此您希望更改列表中的所有

项，或者只选择一个已经在

列表中传播的特定

？否一旦页面加载，下拉列表包含5个列表“假设”a、b、c、d、e默认情况下“a”是可见的，当选中任何单选按钮（即“俱乐部”）时，可见列表将是“d”而不是“a”。表示自动。