jq删除select标签的某些选项(option)或者使整个select不可用不可选

jQuery取得设置清空select择的文本与值 获取select : 获取select 中的 text : $("#ddlregtype").find("option:selected").text(); 获取select中的 value: $("#ddlregtype ").val(); 获取select中的索引: $("#ddlregtype ").get(0).selectedindex; 设置select: 设置select 中的索引: $("#ddlregtype ").get(0).selectedindex=index;//index为索引值 设置select 中的value: $("#ddlre 立即下载
	心情hei差.自己看下面的代码和注释吧
		<select id="stype" name="stype">
                  <option value="1">test</option>
                  <option value="2">test2</option>
                  <option value="3">test3</option>
                  <option value="4">test4</option>
                </select>
		上面为一个有四个值的select标签,现在要去掉前面两个 js 的代码为如下
			<script>
						//需要用到jq,请自己下载和加载
						$("#stype").val(3);//因为select 默认会选中第一个值,所以需要先把选项变为不是要删除那两个
						$("#stype option[value='1']").remove();//删除value为1的选项
						$("#stype option[value='2']").remove();//删除value为1的选项
						//$("#stype option[text='test']").remove(); ps: 这个为删除显示值为test的选项,看情况使用
						//附加一个清空选项框用法 $("#stype").empty();
						//还有使整个select不可选的用法 $("#stype").attr("disabled","disabled"); ps:如果想选中某个值后不可选,记得先把值选中后才使用disabled
			</script>
Javascript中清除SelectOption的问题 我们有时候需要清除Select控件中的Options集合下的值,我在网上找了一下,大部分采用的是obj = document.getElementById("drp"); ///drp是select控件的ID值for(i=0 ; i obj.options[i] = null;但这种方法好像能完成清空操作的。我测试了几次,如果我有0到8这几个数,我运行一次清除后,发现1,3,5,7还是存在的 阅读详情

相关推荐

使用Jquery动态切换select选项(解决切换失效问题)

1.使用场景 当我择动态切换某一个select标签时,例外select标签会随之改变,例如下图所示: 2.两种解决方式 根据select标签 vaue进行赋值 根据select标签 text进行赋值,两种方式如下代码所示 $("#id").find("option[value='"+vaule+"']").attr("selected",true); $("#id").find("opt...

qq_16878693的博客 2171

JS实现select去除option的使用注意事项

网上讲JS动态添加option删除option的文章很多,在此推荐一篇: http://www.jb51.net/article/35205.htm 我使用的是如下方法: function removeAll(){ var obj=document.getElementById('mySelect'); obj.options.length=0; } 由于使用jQuery习惯了,获取sel

敲键盘的猫 1603

设置select菜单禁止择或择无效

一、disabled属性 在select上设置disabled="disabled",即可将下拉菜单变为只读状态,不可择,点击也无效。 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//...

Alone_in_的博客 8665

获取select 所有option &&select 移除和添加 選中的option

//获取select 所有option 方法 var months= $(&amp;amp;quot;#addedmonths&amp;amp;quot;).map(function(){ return $(this).val(); }).get().join(&amp;amp;quot;, “) ; //select 移除和添加 選中的option KaTeX parse error: Expected 'EOF', got '#' at position 3: (&

Fdafang的博客 466

html option下拉选项,html selectoption标签

1、select 元素select元素可创建单或多菜单。 元素中的标签用于定义列表中的可用选项常用属性如下:autofocus:规定在页面加载后文本区域自动获得焦点。disabled:规定禁用该下拉列表。form:规定文本区域所属的一个或多个表单。multiple:规定可择多个选项。name:规定下拉列表的名称。required:规定文本区域是必填的。size:规定下拉列表中可见选项的...

weixin_29743937的博客 3143

jq获取HTML中select标签option值的操作

获取Select: 获取select中的text: $("#ddlRegType").find("option:selected").text(); 获取select中的value: $("#ddlRegType").val(); ...

chengzehuang1886的博客 636

html5 option 属性值,jq获取HTML中select标签option值的操作

获取Select:获取select中的text:$("#ddlRegType").find("option:selected").text();获取select中的value:$("#ddlRegType").val();获取select中的索引:$("#ddlRegType").get(0).selectedIndex;设置select:设置select中的索引:$("#...

weixin_33369196的博客 644

jq如何获取option的值_jquery获取select中的值

jQuery控制和操作select详解选项选项一...选项N所谓jQuery操作“select”, 说的更确切一些是应该是jQuery控制 “option”, 看下面的jQuery代码://获取第一个option的值$('#test option:first').val();//最后一个option的值$('#test option:last').val();//获取第二个option的值$('...

weixin_29796279的博客 1689

如何用jQuery获得select的值

1.获取第一个option的值 $('#test option:first').val(); 2.最后一个option的值 $('#test option:last').val(); 3.获取第二个option的值 $('#test option:eq(1)').val(); ...

weixin_34146410的博客 2663

JQ绑定select标签的onchange事件,跳转、传参、添加、删除

<select id="mySelect">   <option value="1">one</option>   <option value="2" selected="selected">two</option>   <option value="3">three</option> </select> <input type="text" value="ooo" name="pa

小白搬代码的博客 3834

jq如何获取option的值_如何用jQuery获得select的值

1.获取第一个option的值$('#test option:first').val();2.最后一个option的值$('#test option:last').val();3.获取第二个option的值$('#test option:eq(1)').val();4.获取中的值$('#test').val();$('#test option:selected').val();5.设置值为2的o...

weixin_32655655的博客 645

jq如何获取option的值_jq怎么获取select中的值

匿名用户1级2017-05-24 回答jQuery是控制和操作select详解。先看下面的html代码选项选项一...选项N所谓jQuery操作“select”, 说的更确切一些是应该是jQuery控制 “option”, 看下面的jQuery代码://获取第一个option的值$('#test option:first').val();//最后一个option的值$('#test option...

weixin_28747937的博客 555

jq如何获取option的值_使用jquery操作select(获取option的值等)

总结下使用jQuery操作select的方法。1.获取第一个候选项的值。$('#test option:first').val();2.获取最后一个候选项的值。$('#test option:last').val();3.获取第二个候选项的值。$('#test option:eq(1)').val();4.获取中的候选项的值。$('#test').val();$('#test option:se...

weixin_42497633的博客 6759

selectoption的显示与隐藏控制

jquery的hide方法只是在相应DOM上面增加了样式:display: none而option是可绘制的DOM,所以使用hide方法是无效的 1、首先设置option的display:none的方案肯定是不可行了;2、某网友提出的两种方案:a.在option标签上面加上disabled="disabled"属性,表示不可用,这种方案只是让option择,但没有隐藏掉b.如果...

weixin_30847865的博客 719

jq 关于select的下拉

如何用jQuery获得select的值,最近一直在写jsp,好久jq 1.获取第一个option的值 $('#test option:first').val(); 2.最后一个option的值 $('#test option:last').val(); 3.获取第二个option的值 $('#test option:eq(1)').val(); 4.获取中的值 $...

张火火 521
上一篇: MYSQL截取小数部分和获取小数位数,只查询带小数的数据,和substring_index函数用法,LENGTH函数用法
下一篇: css把控制单行字符长度过长显示省略号
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值