<td width="40%">
<select name="parentId" id="parentId" style="width:100px;">
<option value="">
--请选择--
</option>
</select>
<select name="companiesSection" id="companiesSection">
<option value="">
--请选择--
</option>
</select>
<script type="text/javascript">
function initParentId() {
var option1 = '';
$.getJSON("${cxp}/manager/dictionary/listDictionary.do?method=getDictionarysByParentId&id=2111",
function(jsonData) {
$.each(jsonData,
function(index, indexItems) {
option1 += "<option value=" + indexItems.id + ">" + indexItems.name + "</option>";
});
$("#parentId").append(option1);
$("#parentId").bind("change",
function() {
selectCompaniesSection($(this).val());
})
})
}
function selectCompaniesSection(id) {
$.ajax({
type: "get",
url: "${cxp}/manager/dictionary/listDictionary.do?method=getDictionarysByParentId",
data: "id=" + id ,
success: function(result) {
$("#companiesSection").empty();
result = eval(result);
if(result.length==0){
$("#companiesSection").append("<option value=''>--请选择--</option");
}else{
for (var i = 0; i < result.length; i++) {
$("#companiesSection").append("<option value='" + result[i].describe + "'>" + result[i].name + "</option");
}
}
}
})
}
initParentId();
</script>
</td>
select 联动 JSON jquery
原创
©著作权归作者所有:来自51CTO博客作者刺客2012的原创作品,如需转载,请与作者联系,否则将追究法律责任
下一篇:我的友情链接
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
Jquery控制select实现dataTables数据联动刷新
场景效果实现html页面代码页面使用的是thymeleaf模板。下拉框代码:<div class="form-g
dataTables 初始化 ajax 搜索