select默认为空，下拉选项中option不为空

最新推荐文章于 2024-09-05 14:36:16 发布

胖猴子2046

最新推荐文章于 2024-09-05 14:36:16 发布

阅读量2.1w

点赞数 3

本文链接：https://blog.csdn.net/shen4402/article/details/79012378

版权

网上找了几个方法不行，终于找到一篇博客，解决了，里面有三个方法，用了一个最简单的。

在option 添加 style='display: none'

另外两种：

1、<option selected="selected" disabled="disabled" style='display: none' value=''></option>

2、

html：

<body onload="load()">
<select id="abc" >
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
</select>
</body>

js：

<script>
function load()
{
var x = document.getElementById("abc");
x.selectedIndex = -1;
}
</script>

原文博客地址：

原文地址

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

胖猴子2046

关注关注

3
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

html select下拉框上显示空的实现方法

sjhfkhsf的博客

11-16

3673

html select下拉框上显示空的实现方法

select将选中的option设置为默认选项

11-14

select将选中的option设置为默认选项,可多个select可一个select.项目中遇到这个问题后自己写的(原先有默认值的话会将选中的设为默认选项)

参与评论您还未登录，请先登录后发表或查看评论

iview Select下拉菜单不能为空 value绑定值类型为number

weixin_41870520的博客

08-19

3224

<FormItem label="数据源" prop="source_id"> <Select v-model="formItem.source_id" filterable style="width:50%;" placeholder="请选择数据源" transfer> <Option v-for="(item, ind...

vue3 置空a-select数据

热门推荐

封的博客

10-09

1万+

第一个option写成这样的 option selected="selected" disabled="disabled" style='display: none' value=''>option>

在select中，载入时默认select为空白，选项内不显示空白项

evilcry2012的专栏

11-17

2304

select--option默认为空，body不显示问题（摘取网络）

我是疯子中的扛把子的博客

05-09

1193

<option selected="selected" disabled="disabled" style='display: none' value=''></option> 至于option标签首部

js添加select下默认的option的value和text的方法

10-25

标签中的“select option”指的是HTML中的下拉选择框（select元素）以及它的选项（option元素）。接下来是详细知识点： 1. 使用JavaScript动态创建select元素：在Web开发中，我们有时需要在不刷新页面的情况下...

Html Select option 如何进行默认选择

12-12

在HTML中，`<select>`元素用于创建一个下拉列表，而`<option>`元素则是在这个下拉列表中定义的各个选项。当你需要在页面加载时预设一个选项为默认选中状态，你可以通过在相应的`<option>`标签中添加`selected`属性来...

固定宽度下拉列表select中option内容显示不全问题解决方法

03-17

在网页设计中，`<select>`元素和其子元素`<option>`经常被用来创建下拉列表，供用户选择。然而，在某些情况下，特别是在固定宽度的`<select>`元素中，如果`<option>`的内容过长，可能会导致内容显示不全，只显示部分...

js动态设置select下拉菜单的默认选中项实例

12-02

SELECT元素用于创建一个下拉菜单，而OPTION元素则定义了下拉菜单中的各个选项。每个OPTION都有一个`value`属性，用于标识选项的值，这在处理用户选择时非常有用。在HTML中，我们可以通过`selected`属性设置某个...

Optional判断非空

明豆的博客

02-14

1442

判断非空的if else太多怎么办？用Optional替换

angularjs select option 下拉选空白

weixin_38067185的博客

11-25

417

<select ng-model="formValues.accessType" class="form-control" ng-init="formValues.accessType=1"> <option value=0>不可访问</option> <option value=1 >可访问&a

“select初始化时值为空白，但选择下拉option内却没有空白”的实现

u011210220的博客

09-16

3221

小白一枚，前段时间被这个问题困扰，网上搜了很久，没找到可用的资料，今天突然灵感一来，想到了对这个问题的一个可行办法。总体思路是：在初始化的时候，给select里面构造一个空白的选项，但是在第一次点击的时候，又把这个空白的选项删掉，这样就能使得select选择框在初始化时值为空白，但当点击选择框显示下拉列表时，里面却没有空白的那个选项。 html如下： <s...

select设置默认的option

安宁的小虎牙

09-16

1万+

select标签设置默认的option

select中option为默认选中状态并且展示

04-30

在HTML中，可以使用“select”标签创建一个下拉列表，其中可以包含多个“option”标签作为列表项。如果希望其中的某个选项作为默认选中状态并在页面加载时展示，可以在该“option”标签中添加“selected”属性。例如，以下代码将在页面加载时将“option2”默认选中并在下拉列表中展示： ```html <select> <option value="option1">Option 1</option> <option value="option2" selected>Option 2</option> <option value="option3">Option 3</option> </select> ``` 在这个例子中，“selected”属性被添加到“option2”标签中，使得它在页面加载时成为默认选中状态，并在下拉列表中展示。注意，如果你添加了“selected”属性却没有设置具体的值，该选项会被默认设置为真。如果你想移除默认选中状态，只需要删除“selected”属性即可。