ajax动态获取select中option内容，并添加点击事件

最新推荐文章于 2021-08-05 15:31:42 发布

可乐6666

最新推荐文章于 2021-08-05 15:31:42 发布

阅读量6.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： select option 点击select ajax

本文链接：https://blog.csdn.net/xuexizhe88/article/details/79278000

JavaScript 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一个使用HTML和JavaScript动态填充<select>元素的示例。通过Ajax请求获取数据并将其转换为<option>标签，然后附加到<select>元素中。此外还实现了一个点击事件，用于捕获用户的选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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();
});