jquery 多选框取值

最新推荐文章于 2024-01-25 21:37:28 发布

原创最新推荐文章于 2024-01-25 21:37:28 发布 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function

Jquery 专栏收录该内容

38 篇文章

订阅专栏

本文介绍了一种使用jQuery从单选和多选下拉菜单中获取所选值的方法。通过示例代码展示了如何实现这一功能，并确保了即使在多选情况下也能正确地收集所有已选项。

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

jquery 多选框取值:

		<select id="single">
			<option>
				Single
			</option>
			<option>
				Single2
			</option>

		</select>
		<select id="multiple" multiple="multiple">
			<option selected="selected">
				Multiple
			</option>
			<option>
				Multiple2
			</option>

			<option selected="selected">
				Multiple3
			</option>
		</select>
		<script> 
		function displayVals() { 
				var singleValues = $("#single").val(); 
				var multipleValues = $("#multiple").val() || []; 
				$("p").html("<b>Single:</b> " + singleValues + " <b>Multiple:</b> " + multipleValues.join(", ")); 
			}

		$("select").change(displayVals); displayVals();

		</script>