jquery-chosen设置默认值

我是大头鸟

于 2017-11-23 10:34:14 发布

阅读量7.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javaScript 文章标签： jquery chosen

本文链接：https://blog.csdn.net/datouniao1/article/details/78611542

javaScript 专栏收录该内容

61 篇文章

订阅专栏

本文介绍如何使用JavaScript和jQuery库来初始化一个可选择的下拉框组件，并通过AJAX请求动态填充选项。该方法包括引入必要的JS和CSS文件、定义下拉框元素及其选项，以及如何触发更新事件。

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

 <select id="select1" class="select1">
           <option value='value1'>value1</option>
           <option value='value2'>value2</option>
           <option value='value3'>value3</option>
           <option value='value4'>value4</option>
           <option value='value5'>value5</option>
 </select>

引入相应的js和css

在对应的js里面初始化:

	var $select1=$(".select1");

	selecttmpl =  Util.clearHtml("<option value=''>请选择</option>"+$('#selecttmpl').html());
	var params={};
	Util.ajax({
		url : '...............',
		data :params,
		success : function(data) {
			var rendered = M.render(selecttmpl,data);
			$select1.html(rendered);
			$select1.trigger("chosen:updated"); 
		        $select1.chosen(); //通过id
		},
		error : function(error) {
			console.log('接口不通' + error);
		}
	})

然后:

$("#select1").val(data.zjproject.serviceguid);
$("#select1").trigger("chosen:updated");

初始化设置值