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

最新推荐文章于 2023-10-06 07:53:13 发布

纸菜不是菜

最新推荐文章于 2023-10-06 07:53:13 发布

阅读量2k

点赞数

分类专栏： JS JQ HTML

本文链接：https://blog.csdn.net/paperveg/article/details/94393740

版权

HTML 同时被 3 个专栏收录

5 篇文章 0 订阅

订阅专栏

4 篇文章 1 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

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