bootstarp 下拉框(select)的值选中及改变事件

原创 HuangLongPu     发表于  2021-05-06 12:27       73

构造一个选择框,bootstrap 相关的 js 和 css 文件引用忽略。

<div class="form-inline add-blog-add-type-container">
	<label class="form-inline">文章类型</label>
	<select class="form-control" id="article-add-type">
		<option value="">请选择</option>
		<option value="1">原创</option>
		<option value="2">转载</option>
	</select>
	<span>注:转载文章,请注明原文地址!</span>
</div>

注册下拉框(select)的值选中及改变事件,此函数必须放置于 js 初始化加载代码体($(document).ready)内,否则无效。

$("#article-add-type").change(function () {
	let key = $(this).val();
	console.info("key >> " + key);
});