单击单选按钮时更改下拉列表的值
问题描述:
我使用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的
答
<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的每次点击单选按钮中的一个,并加载新的价值观的内容/取名字
+0
谢谢你,先生。我明白了。 – ASUR 2012-08-02 09:30:15
所以,你想改变“
没有一次页面加载下拉列表中包含5列表“假设”a,b,cd,e“默认情况下”a“是可见的,当任何单选按钮即”俱乐部“被选中时,可见列表将为” d“not”a“.means automatically。 – ASUR 2012-08-01 14:53:02