ajax动态获取select中option内容,并添加点击事件
2018-02-07 11:22
375 查看
html代码:
<select id="prov"></select>js代码:
//ajax请求,封装的get请求方法
Get(GETITEMSCURRENTCODE,provOption,function(data){
if(data.code == 0){
var html = '';
var len = data.data.length;
for(var i = 0 ; i< len;i++){
html = html + '<option value="'+ data.data[i].itemName +'">'+ data.data[i].itemName +'</option>';
}
$('#prov').html('').append(html);
}
});
//点击事件 select使用change
$('#prov').change(function(){
var text = $('#prov').val();
});
<select id="prov"></select>js代码:
//ajax请求,封装的get请求方法
Get(GETITEMSCURRENTCODE,provOption,function(data){
if(data.code == 0){
var html = '';
var len = data.data.length;
for(var i = 0 ; i< len;i++){
html = html + '<option value="'+ data.data[i].itemName +'">'+ data.data[i].itemName +'</option>';
}
$('#prov').html('').append(html);
}
});
//点击事件 select使用change
$('#prov').change(function(){
var text = $('#prov').val();
});
相关文章推荐
- Jquery ajax在select中动态加载option并且添加点击事件
- ajax异步获取数据,动态添加select标签中的option
- 动态添加到页面的内容怎么写他们的点击事件
- dwz框架的table,页面初始化用ajax获取并设置表格内容后,表格没有点击事件等。
- echarts3地图如何添加点击事件? 点击地图相应的区域ajax获取并展示本区域省下面所有市的信息
- 关于js遍历list集合,获取select选中的值以及动态添加option
- 获取ajax数据动态添加html内容
- js-动态添加li、option,并且添加其点击事件
- 动态事创建的a标签上利用jq滑过元素执行事件通过ajax获取后台数据根据鼠标位置展示数据内容,鼠标离开消失
- select点击option获取文本输入框的焦点事件
- jquery对动态添加内容添加事件
- 利用js给datalist或select动态添加option选项的方法
- 【学习3】Cocos2d-x 3.x中使用物理引擎动态添加元素(点击事件)
- layui框架问题总结(点击按钮为select添加option选项)
- 表格动态加,删除行 单元格元素添加点击事件
- select 动态填充option选项及获取选择的值或者所有值
- 开发中遇到的问题-动态创建按钮并且添加带有参数的点击事件
- 删除和添加select下拉框选中的内容option,以及清空option选项
- js对select动态添加和删除OPTION