1

プレゼンテーションには、スプリングとibatisおよびjspページを使用しています。私の質問は、以下に示すように、1つの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>

そして、これが私のラジオボタンです：

<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

ラジオボタンをクリックすると、ドロップダウンリストの内容を変更する必要があります。

私が得ていないアイデア。

ありがとう。

4

1 に答える 1

0 
        <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>

これは、ラジオボタンの1つをクリックするたびに、describe seletの内容を変更し、listAオブジェクトから取得した新しい値/名前をロードします。

于 2012-08-01T16:33:54.277 に答える