如何限制在html选择框中选择的选项？
我使用的选择标记的格式允许多次选择，但我希望选择的最大数量为10。使用JavaScript或jquery是否可以？
提前致谢！
问题答案：
这是供您使用的一些完整代码…一定要喜欢Google AJAX API Playground :-)
编辑1： 注意：这只允许您选择5，因为我不想复制/粘贴另外10个选项:-)
<!--
copyright (c) 2009 Google inc.
You are free to copy and use this sample.
License can be found here: http://code.google.com/apis/ajaxsearch/faq/#license
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Sample Select Maximum with jQuery</title>
<script src="http://www.google.com/jsapi?key=ABQIAAAA1XbMiDxx_BTCY2_FkPh06RRaGTYH6UMl8mADNa0YKuWNNa8VNxQEerTAUcfkyrr6OwBovxn7TDAH5Q"> </script>
<script type="text/javascript">
google.load("jquery", "1");
$(document).ready(function() {
var last_valid_selection = null;
$('#testbox').change(function(event) {
if ($(this).val().length > 5) {
alert('You can only choose 5!');
$(this).val(last_valid_selection);
} else {
last_valid_selection = $(this).val();
}
});
});
</script>
</head>
<body style="font-family: Arial;border: 0 none;">
<select multiple id='testbox'>
<option value='1'>First Option</option>
<option value='2'>Second Option</option>
<option value='3'>Third Option</option>
<option value='4'>Fourth Option</option>
<option value='5'>Fifth Option</option>
<option value='6'>Sixth Option</option>
<option value='7'>Seventh Option</option>
<option value='8'>Eighth Option</option>
<option value='9'>Ninth Option</option>
<option value='10'>Tenth Option</option>
</select>
</body>
</html>
-
问题内容： 我想设置一个先前选择的要在页面加载时显示的选项。我用以下代码尝试了它： 与 但这是行不通的。有任何想法吗？ 问题答案： 这绝对应该工作。确保已将代码放入：
-
问题内容： 目前，我正在使用此： 它将我重定向到选项值内的位置。但这不能按预期工作。..这意味着如果我单击select的第一个选项，则onChange操作不会运行。我正在考虑使用javascript，但我想您会收到一些更好的建议。因此，如果我单击每个选项将其重定向到它的值，该如何使其起作用？ 问题答案： 因为已经选择了第一个选项，所以永远不会触发change事件。添加一个空值作为第一个值，并检查位
-
下面是我的代码。 问题是当我选中一个复选框时，包括选中循环视图中的其他复选框。但当我签入适配器时，项目被正确添加，但复选框被复制。 例如：如果我选中了第一项复选框，向下滚动第16项复选框也会被选中。取消选中该复选框也将取消选中第一项。
-
我想调用一个函数时，选择的任何选项。类似于这样： 但不知何故不起作用。有人能帮忙吗。 请注意 我不想捕获更改事件，如果我选择已经选择选项，则不会触发更改事件
-
问题内容： 那么，如何只允许用户选择一个复选框呢？ 我知道单选按钮是“理想的”，但出于我的目的……不是。 我有一个字段，用户需要选择两个选项中的一个或两个，但不能两个都选。问题是我还需要我的用户也可以取消选择他们的选项，这是单选按钮失败的地方，因为一旦选择了组，就必须选择一个选项。 我将通过php验证信息，但是我仍然想将用户限制在一个答案，如果他们想给它的话。 问题答案： 该代码段将： 允许像单选
-
问题内容： 我看到了一个非常简单的选择框，其中的选择选项在悬停时可见（而不是单击），如以下屏幕截图所示。 替代文字 我正在尝试在下面的简单选择框中创建类似的效果。能有人帮这可怎么办呢？谢谢。 问题答案： 这是一种实现方式，尽管我更喜欢一种插件方法（而 不是对html进行硬编码ul）： 编辑以包括演示中使用的css和html： html css: 这将导致菜单隐藏unselected项目，直到将ul