asp.net easyui 动态绑定下拉框

程序员文章站 2022-04-08 19:14:54

前台：标题

前台：

<title>标题</title>
<link href="easyui_v1.3.4/easyui/themes/default/easyui.css" rel="stylesheet" />
<link href="easyui_v1.3.4/easyui/themes/icon.css" rel="stylesheet" />
<script src="easyui_v1.3.4/jquery-1.7.1.min.js"></script>
<script src="easyui_v1.3.4/easyui/jquery.easyui.min.js"></script>
<script src="easyui_v1.3.4/easyui-lang-zh_cn.js"></script>
<script src="easyui_v1.3.4/common.js"></script>
<script>
$(function () {
　　$.ajax({
　　　　　url: "webform1.aspx",//请求后台数据
　　　　　data: { "type": "getlist" },//传递参数
　　　　　datatype: "json",//这句代码必须有，否则就会出现以下情况
　　　　　success: function (data) {
　　　　　　　　//console.log(data);
　　　　　　　　$("#强度等级").combobox({
　　　　　　　　　　data: data,
　　　　　　　　　　textfield: 'strengthlevel',
　　　　　　　　　　valuefield: 'id',

　　　　　　　　})；
　　　　　　　}
　　　　});
});
</script>
</head>
<body>
　　<form id="form1" runat="server">
　　　　<div id="data4">
　　　　　　　　<select id="强度等级" class="easyui-combobox" style="width: 160px; height: 20px;">
　　　　　　　　</select>
　　　　</div>
　　</form>
</body>

asp.net easyui 动态绑定下拉框