将获得到的json赋值到下拉框

1  $(function () {
2             $.getJSON('handler/addEmployees.ashx', function (json) {
3                 alert(json.length);
4                 //遍历赋值
5                 for (var key in json) {
6                     $("#EmpPosId").append('<option id=' + json[key].PosId + ' value=' + json[key].PosName + '>' + json[key].PosName + '</option>');
7                 }
8             })
9         });

职位:<select name="EmpPosId" id="EmpPosId"><option id="-1" value="请选择职位">请选择职位</option></select>

效果图:

审查元素:

说明:原来key是索引，很简单的一步操作，我开始没明白走了好多弯路，以后一定要多多总结，涨经验！:-D

转载于:https://www.cnblogs.com/wsn1203/p/5127069.html

将获得到的json赋值到下拉框相关推荐

Ajax获取Json对象绑定下拉框
分享个小实例,废话少说,直接上代码..... 贴上JS代码: Js代码 1 <script type="text/javascript"> 2 $ ...
JS解析JSON并生成下拉框
Gobj.options.length=0; for(var i in vJsonObj){//遍历packJson 数组时,i为索引 ...
html的样式下拉框的联动,Web框架Ajax实现html下拉框联动
说明页面代码数据模型 Ajax联动后台action 结语说明我们通过给两个下拉列表赋值案例来说明,下拉框1值通过属性值绑定AvailableCategories直接从后台获取,下拉框2值Se ...
js填充select下拉框并选择默认值
/* 使用json数组填充下拉框并复选 *//* 初始化下拉框数据 */ var jsonStr = { "data": [] }; for (var str in JsonStr ...
jQuery+css模拟下拉框模糊搜索的实现
html: @*输入框*@ <div><input type="text" style="width: 85%; height: 34px;" ...
easyui combobox下拉框的取value text的API
$("#selectId").combobox('setValue',value);//使用ID选择器,来对下拉框进行赋值: 下拉框有两个属性:ID 和 VALUE,通过上面的代码 ...
ElementUI下拉框选择后不显示值
文章目录方法一方法二问题:vue(ElementUI)下拉框选择后赋值了,但是框上不显示  <el-form-item label="用户角色&q ...
vue项目获取下拉框选中id_vue获取下拉框值
vue获取下拉框的值,用vue-modle,只有点击下拉框的值才会赋值到下拉框中,初始时下拉框没有数据,而改用$event就不会出现这样的问题,下面看代码以及图解: v-model解决方式: {{it ...
使用JavaScript写一个三级下拉框联动
使用JavaScript写一个三级下拉框联动首先我们需要确定思路,定义三个下拉框: 1.从后台获取包含的数组1.1定义数组2.将数组中的信息添加到下拉框中2.1遍历数组,将数组信息添加下拉框2.2每 ...
layui给select下拉框赋值
layui给select下拉框赋值 //重新渲染表单函数function renderForm() {layui.use('form', function() {var form = layui.fo ...

将获得到的json赋值到下拉框

将获得到的json赋值到下拉框相关推荐

最新文章

热门文章