vilocity 实现二级联动

页面:<!-- modal dialog -->
<div class="modal fade" id="formModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">关闭</button>
<h3 class="modal-title" id="myModalLabel">
<strong>评论/回复</strong>
</h3>
</div>
<div class="modal-body">
<!--<div style="text-align: center;">加载中...</div>-->
<div>

<form id="inputForm" role="form" method="POST">

<div class="form-group">
<label for="" class="control-label">* 学校名称</label> 
<select class="form-control" id="schoolList">

        </select>
       </div>

<div class="form-group">
<label for="" class="control-label">* 用户</label>
<select class="form-control" id="usrselect" name="userId">

        </select>
</div>

<div class="form-group">
<label for="seq" class="control-label">* 评论内容</label>
<textarea id="description" name="description" class="form-control" style="width:100%; height: 200px;" ></textarea>
</div>
       
</form>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-green" id="modal-btn-confirm" >确定</button>

<button type="button" class="btn btn-red" data-dismiss="modal" id="modal-btn-cancel">取消</button>

</div>


js:页面加载就执行

jq.ajax({
url : "/msp-cas/api/tenant/getSchoolList",
type : 'POST',
success : function(result) {
//alert(result);
$("#schoolList").empty();$("#schoolList").append("<option>请选择</option>");
for(var i=0;i<result.length;i++){
$("#schoolList").append("<option value='"+result[i].tenantId+"'>"+result[i].name+"</option>");
}

},

});


//change后给第二个select赋值

$('#schoolList').change(function(){   
var tenantId=$(this).children('option:selected').val();     
jq.ajax({
url : "/len_web/comments/manage/getUsrlList?",
type : 'POST',
data:"tenantId="+tenantId,
success : function(result) {
$("#usrselect").empty();
for(var i=0;i<result.length;i++)
$("#usrselect").append("<option value='"+result[i].userId+"'>"+result[i].nick+"</option>");
}
});



})   


猜你喜欢

转载自blog.csdn.net/AVGworkld/article/details/77962669