select（select2）、options多选取值

最新推荐文章于 2025-05-28 16:32:12 发布

原创最新推荐文章于 2025-05-28 16:32:12 发布 · 2.3k 阅读

1 ·

CC 4.0 BY-SA版权

原创同时被 3 个专栏收录

7 篇文章

订阅专栏

django

7 篇文章

订阅专栏

select2

1 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的JavaScript函数，该函数监听并处理HTML页面中带有ID为DeptID的选择器的变更事件。当用户在选择器中进行选择时，函数将收集所有选中的选项值，并以连字符分隔的形式存储这些值。代码片段展示了如何在网页上动态地处理用户输入，特别适用于多选下拉菜单场景。

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


//chang函数获取选择的option
        $("#DeptID").change(function () {
            select_ops = $("#DeptID").val().join("-");
            //console.log(select_ops);
        });

html:

   <select class="form-control" id="DeptID" name="DeptID" multiple="multiple" size="8">
		<!--<option value="0">请选择您所在的部门</option>-->
		 {% if nodes %}
			 {% for node in nodes %}
				{% if node.is_root_node %}
					<option value="{{ node.Dept_ID }}"><a>{{ node.Dept_name }}</a></option>
				 {% endif %}
				{% if node.is_child_node %}
					<option value="{{ node.Dept_ID }}"><a>{{ node.parent.Dept_name }}->{{ node.Dept_name }}</a></option>
				{% endif %}
			 {% endfor %}
 		{% endif %}
	</select>