js控制select只能单选
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js控制select只能单选相关的知识，希望对你有一定的参考价值。
<SELECT>标签用multiple属性来控制多选或单选，默认为单选，即没有multiple属性，所以设置单选则使用JS的removeAttribute函数移除multiple属性即可，代码如下所示：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
<head>
<title>Select 单选</title>
</head>
<body>
<select name="s2" size="6" style="width:100px;" id="s2" multiple="multiple">
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
<option>选项4</option>
<option>选项5</option>
</select>
<script type="text/javascript">
var s2=document.getElementById("s2");
s2.removeAttribute("multiple");
</script>
</body>
</html>
效果如下：
要多选，必须设置multiple=“multiple”，如下：
< select multiple="multiple">
检查你的select，把multiple去掉就可以了
手打，苦力活，请采纳追问
我的select是用js控制的数据，上面的代码可多选，怎么设置成单选？
执行一次属性删除操作，即删除multiple属性
使用jquery
$("select[name='s2']").removeAttr("multiple");
elemnt-ui table改为只能单选
这几天遇到了这样一个需求：使用element-UI的table组件，但是又只能勾选其中一条数据，从而进行其他的操作。
解决办法：
//单选
selectData(selection, row) {
this.$refs.multipleTable.clearSelection();
if (selection.length === 0) {
return;
}
this.$refs.multipleTable.toggleRowSelection(row, true);
this.currentRow = row
this.getDetailClick(row)
},
//全选
selectAll(){
this.$refs.multipleTable.clearSelection();
},
在table组件中：
<el-table
ref="multipleTable"
:data="ReportTemplateList"
highlight-current-row
@select="selectData"
@select-all="selectAll"
>
</el-table>
以上是关于js控制select只能单选的主要内容，如果未能解决你的问题，请参考以下文章