js控制select只能单选

作者&投稿:呼霄 (若有异议请与网页底部的电邮联系)
用js怎么实现复选框只能做单选的操作?~

//方法1$('inputp[type=checkbox]').click(function(){ $(this).attr('checked','checked').siblings().removeAttr('checked');});//方法2$('inputp[name=checkbox]').click(function(){ $(this).attr('checked','checked').siblings().removeAttr('checked');});

我写了个例子,你试试:
<html>
<head>
<title>jsTest</title>
</head>
<body>
<select id="sel"><option>a</option><option>b</option></select>
<input type="text" id="txt">
<input type="button" value="show" onclick="show()">
</br>
<p id="p1">
下拉框和文本框内容将显示在这里:
</br>

</p>
<script>
function show()
{
var node = document.createTextNode(sel.options[sel.selectedIndex].value +

"," + txt.value);
p1.removeChild(p1.lastChild);
p1.appendChild(node);
}
</script>
</body>
</html>

<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>

效果如下:



select 的multiple 控制多选,默认的select是单选
要多选,必须设置multiple=“multiple”,如下:
< select multiple="multiple">

检查你的select,把multiple去掉就可以了

手打,苦力活,请采纳


choose\/ select有什么不一样吗?
3、发音和书写结构不同:(1)、choose [英][tʃu:z][美][tʃuz] vt. 挑选;认为…比其它更可取;决定或选定 vi. 选择;进行挑选。第三人称单数:chooses;过去分词:chosen;现在进行时:choosing;过去式:choseted;(2)、select [英][sɪˈlekt][美][sɪ&#...

struts2中如何使s:select标签只读
应该显示出来但不允许被编辑,使用struts2的<s:select标签不具有disabled属性,除非将theme设置为simple才可以使用disabled,那么如果不使用simple的theme还有其他办法使select下拉框只读吗?从网上找到了一个办法,大致的思路就是不让下拉框获得焦点,见下面的html代码:<s:select key="DmsDocument.docZtSpec" name...

获取<s:select\/>标签当前选中的值
用jquery 给它加个id="sel"("#sel option:selected").text();

sql select as的用法
(1)如:表text, 列 column_1,column_2 你可以写成 select column_1 as 列1,column_2 as 列2 from text as 表;上面的语句可以解释为:选择 column_1 作为 列1,column_2 作为 列2 从 text 当成 表 (2)select * from student as S;查找所有student表里面的...

select和choose的区别
select和choose有以下区别:区别一 choose 的名词形式为 choice(可数),pick 的名词形式仍为 pick(不可数),select 的名词形式为 selection(可数或不可数)。如下图所示,select是数量较多时使用,choose则是数量较少时使用。区别二 choose表示一般意义的“选择”,select则是表示严格意义上的选择,若不严格...

choose,select,elect的区别
2、select 英 [sɪ'lekt] 美 [sə'lɛkt]1)v. 挑选;选拔 2)adj. 精选的;挑选出来的;极好的 3、elect 英 [ɪ'lekt] 美 [ɪ'lɛkt]1)adj. 选出的;当选的;卓越的 2)n. 被选的人;特殊阶层;上帝的选民 3)vt. 选举;选择;推选 三、...

struts2 s:select值的问题
<s:select list="subClasses" listKey="id" listValue="name" name="article.subClass.id" value="%{article.subClass.id}" cssClass="articleType"\/> 显示: listValue 值 : listKey public List<SubClass> getSubClasses(){ return dao.getSubClasses();} ...

js怎么实现select选择苹果,下列select都自动选择苹果?
<p>下拉五<select><option>请选择<\/option><option>选择苹果<\/option><option>选择香蕉<\/option><option>选择橙子<\/option><\/select><\/p> <script> var sels=document.getElementsByTagName("select");sels[0].onchange=function(){ for(var i=1;i<sels.length;i++){ sels[i]....

豆瓣selects怎么设置
豆瓣selects设置方法:不勾选任何动态,然后点确定,selects这栏就是空的,别人也看不到我的selects,觉得这个功能不好,不想让别人看自己selects的,就可以这么设置。豆瓣(douban)是一个社区网站。网站由杨勃(网名“阿北”) 创立于2005年3月6日。该网站以书影音起家,提供关于书籍、电影、音乐等...

<s:select><\/s:select>动态赋值
额 你直接用<select> 然后中间是用 c:forEach标签就可以了啊

墨竹工卡县17521078506: js控制select只能单选 -
休呼黄连: <SELECT>标签用multiple属性来控制多选或单选,默认为单选,即没有multiple属性,所以设置单选则使用JS的removeAttribute函数移除multiple属性即可,代码如下所示:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN...

墨竹工卡县17521078506: 高手们,谁知道怎么控制html:select为只读还要能传值 不要用disabled 用js也行 -
休呼黄连: 只读本来就可以传值的,只不过不能修改而已,不过select没有只读这个属性,只能js来控制只读了,你可以加 onchange="return false" 来阻止改值,但是还是能传值的

墨竹工卡县17521078506: js如何控制select标签哪个被选中 -
休呼黄连: JS 控制select选中项,代码如下:<html><script type="text/javascript">var selectedValue = '<%= request.getAttribute("line")%>';function changeSelected(){jsSelectItemByValue(document.getElementById("mySelect"),selectedValue);}...

墨竹工卡县17521078506: 如何让checkbox复选框只能单选 -
休呼黄连: 在项目开发中遇到一个这样的问题,要让一列复选框架在任何时间段内只能选择一个. 有人说怎么不用单选框了,因为单选框一旦选择了就不能取消选择,所以这里只能用复选框. 经过思考发现可以能过js控制复选框只能单选,实现方法如下:...

墨竹工卡县17521078506: 如何通过js让select默认选中 -
休呼黄连: $("select").val("选择3"); “选择3”是对应要默认选中的值

墨竹工卡县17521078506: 如何用JS实现多选框select的全选和取消全选 -
休呼黄连: $("#all").click(function(){if(this.checked){$("input[type='checkbox']").attr("checked", true);}else{$("input[type='checkbox").attr("checked", false);}}); 全选按钮的ID为“all”

墨竹工卡县17521078506: jsp中 <select>标签如何多选 怎么样传回后台一个LIST或者MAp集合? -
休呼黄连: 1.在select标签中添加属性multiple="multiple",这得让你的select标签高度设置的足够高.2.普通的select标签,js控制每当选择一个就添加一个选择的值 最后传给后台

墨竹工卡县17521078506: 如何通过JS实现下拉框只允许选择固定的值. -
休呼黄连: 我写了个例子,你试试:<html><head><title>jsTest</title></head><body><select id="sel"><option>a</option><option>b</option></select><input type="text" id="txt"><input type="button" value="show" onclick="show()"></br><p id...

墨竹工卡县17521078506: js如何控制select标签哪个被选中
休呼黄连: 这样写没错,可能是你别的地方JS写错了,导致JS没作用不执行,仔细检查看 也可用用JQUERY 引入JQUERY.js $('#test option:first').attr('selected','selected');

墨竹工卡县17521078506: 如何用js控制弹出select -
休呼黄连: document.getElementById('div').onclick = function(){alert('select')};

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网