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

我使用spring和ibatis和jsp页面进行演示。我的问题是我有一个jsp页面和我通过模型属性渲染的下拉列表的值，如下所示。单击单选按钮时更改下拉列表的值

<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

在点击它需要改变的下拉列表中的任何内容单选按钮。

任何想法我没有得到。

谢谢。从对象listA的

来源

2012-08-01 ASUR

所以，你想改变“”列表中传播的特定“

没有一次页面加载下拉列表中包含5列表“假设”a，b，cd，e“默认情况下”a“是可见的，当任何单选按钮即”俱乐部“被选中时，可见列表将为” d“not”a“.means automatically。 – ASUR 2012-08-01 14:53:02

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

这只会改变描述selet的每次点击单选按钮中的一个，并加载新的价值观的内容/取名字

来源

2012-08-01 16:33:54 mfirry

谢谢你，先生。我明白了。 – ASUR 2012-08-02 09:30:15

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

回答

相关问题