在 HTML 中,你可以通过设置表单元素的 required 属性来实现多选时至少要填写一个选项的验证。具体来说,你需要将多选的选项使用 input 标签中的 type="checkbox" 属性表示,并且给其中至少一个选项添加 required 属性。
以下是一个示例代码:
在上述代码中,我们为第一个选项添加了 required 属性,意味着至少要勾选这个选项才能提交表单。如果用户未选择该选项,浏览器会提示该选项为必选项。
需要注意的是,required 属性只能应用于表单元素,如 input、select、textarea 等。同时,在提交表单时,也需要对表单数据进行服务器端验证,以确保数据的完整性和准确性。
select标记有一个属性multiple,将其设置成multiple="multiple"按住Ctrl键即可实现多选。 请看例子:<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
function getValue()
{
var s = ""
for(var i=0i<form1.ss.options.lengthi++)
{
if(form1.ss.options[i].selected)
{
s+=form1.ss.options[i].value
}
}
alert(s)
}
</script>
<body>
<form id="form1" name="form1" method="post" action="">
请选择:
<select id="ss" name="ss" size="5" multiple="multiple">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
<br>
<input type="button" name="Submit" value="提交" onclick="getValue()" />
</form>
</body>
</html>
**************************补充**********************
修改select标签的size属性,把它的值改为1即可。
var arr = [1,2,3,4,5,6,7,8,9,10]var result = new Array(3)
for(var i = 0 i < result.length i++){
result[i] = arr.splice(Math.random()*arr.length>>>0, 1)[0]
}
console.info(result)
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)