JQuery通过ajax实现select动态加载option
<script type="text/javascript">
//jquery采用ajax对select动态加载option
$('#productId').change(function () {
//清空select框中数据
$('#accountId').empty();
$.ajax({
url: Feng.ctxPath + "/futuresManualTradingRecord/updateAccountIdList/" + $('#productId').val(),
type: "get",
contentType: "application/json;charset=utf-8",
dataType: "json",
json: 'callback',
success: function (json) {
$('#accountId').append("<option value='0'>--请选择账户编号信息--</option>");
//遍历成功返回的json数据,取出对应内容进行展示
$.each(json, function (index,item) {
var productName = json[index].ProductName;
var brokerName = json[index].BrokerName;
//构造动态option
$('#accountId').append("<option value='"+productName+"'>"+brokerName+"</option>")
});
},
error: function () {
alert("更新账户编号列表错误");
location.reload();
}
});
});
</script>