select下拉框在浏览器运行的时候为什么会多一个空值?

为什么代码里只定义了两个值,浏览器运行会多出一个空值?图片说明图片说明

0

5个回答

content1要初始化过,要不就是undefined。如果ng-model名称不是content1,记得修改下面的代码,初始化为你其中任意一个option的valu值

     <script>
        angular.module('myApp', [])
        .controller('myCtrl', ['$scope', function ($scope) {
            $scope.list = []
            $scope.content1 = "A"////////
3

图片说明
亲爱的,你的标签写错了,你没发现嘛

1

你的select是不是有其他的Javascript函数操作了,我本地测试没有问题哦,可以正常显示两个,没有空值。

0

我本地测试也是没有问题的 是不是浏览器兼容问题

0

把Class = “form-control” 去掉试试

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
select下拉框在IE和火狐下样式问题
custom js select * { margin:0;padding:0;border:0 none;font-family:arial,helvetica,sans-serif;} body { padding:10px;} #current,#options { border:1px solid #999;} #replace {cursor:default;over
Angular JS 下拉框多一行空白 正解
一开始因为后台是用数字接受发数据,就直接在前台下拉框上用数字表示选项,然后总有一栏下拉框去不掉. 网上尝试了各种方法,什么设初始值之类的都试了,还是不奏效 最终发现项目其他地方都是用的字符串形式表示value值,遂模仿之 果然一次就成功了 so 大家可以试试这个方法,亲测可用 但是初始化的代码该要还是得要的,不然后台会报错 那就是另外一回事了 吐槽一下:大家不要没有根据的就把解决方...
模拟下拉框,IPAd,iOS不兼容
*{margin: 0;padding: 0;} .dian-ul { display: none; width: 100px; height: 100px; position: absolute; left: 0; top: 20px; } .dian{ width: 60px; height: 100px
下拉框样式在不同浏览器的简单兼容
---恢复内容开始--- 通常我们一个简单的&amp;lt;select&amp;gt;&amp;lt;/select&amp;gt;里面再放option就是最简单的一个下拉框,然而不同浏览器对select的解析却不同。尤其是万恶的ie。 网上的做法就是先把默认的样式清除,我再做一个小图标放在框里。 /*清除iIE的默认选择框样式*//*select::-ms-expand { display: none; }*/ /...
angularjs二级联动下拉框出现空白项,value带有问号的解决方案
餐廳位置 (香港/九龍/新界/離島/澳門)                                                     餐廳地區       <select style="display: block; height: 36px;" name="user_district" id="user_district" class="left select
“select初始化时值为空白,但选择下拉option内却没有空白”的实现
       小白一枚,前段时间被这个问题困扰,网上搜了很久,没找到可用的资料,今天突然灵感一来,想到了对这个问题的一个可行办法。总体思路是:在初始化的时候,给select里面构造一个空白的选项,但是在第一次点击的时候,又把这个空白的选项删掉,这样就能使得select选择框在初始化时值为空白,但当点击选择框显示下拉列表时,里面却没有空白的那个选项。        html如下: &amp;lt;s...
苹果手机输入框和下拉框的样式问题
在谷歌浏览器测试的时候输入框和下拉框都没有问题,但是真机测试的时候,iPhone手机的输入框就只有上边框或者就是有阴影,下拉框干脆就没有边框 查了很多,发现对于这个问题没有太多的解释,我分享一下我的解决办法 在input和select的css样式中加上-webkit-appearance: none; 但是这样下拉框就没有下拉的三角了,这时候再给select标签加上背景图就好了 ...
关于element-ui中select和radio组件在弹框里面使用点击的时候出现闪一闪的问题。
问题:最近使用vue + element-ui的时候发现select和radio在弹框上面使用的时候点击时会出现闪一闪抖动的问题。 解决方案:.el-dialog{ -webkit-backface-visibility: hidden; },添加这个css可以解决闪动的问题,因为某些组件中存在transform属性,去掉对应标签transform属性也可,查看某些标签中是否有transfo...
不同浏览器上input与select宽度显示不同的本质原因
做表单开发时经常碰到一个问题,input和select是其中最常用的两个标签,但是有个问题很棘手。input和select是两种不同的和模型,如果只是简单的将两者的width设置成一样,将会出现下面的效果: *{margin:0;padding:0;} body{margin: 50px;} input{outline-style: none;}
微信浏览器兼容性问题—Android手机下拉框绑定事件在手机触屏事件中不生效;
微信浏览器兼容性问题—Android手机下拉框绑定事件在手机触屏事件中不生效;
CSS常见问题及解决(三)自己写下拉框逻辑,鼠标离开下拉框时,下拉出来的div会消失
下拉框在鼠标放到下拉出来的框的时候,下拉框消失,本应该是不管鼠标在下拉框内还是在弹出下拉框的div内,都应该使下拉框浮现 下拉框: 1、将hover事件监听到下拉框和弹出下拉框的div的父级元素上,即将两个元素同时添加hover事件 2、与此同时两个元素之间的缝隙不宜设置过大,这条纯属个人看法,迷惑css,在鼠标移动的过程中,滑过缝隙的时间几乎忽略不计
input输入框、select下拉框在安卓与ios上的兼容性问题
一、input输入框    在平常做移动端项目时,如果不注意的话,在ios系统上经常会出现这种问题,点击输入框,输入框获取焦点,此时苹果手机页面会自动放大,而安卓手机不会出现这种问题。    问题在哪:    出现这种问题的主要原因是,meta部分,书写有问题     &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, user-sca...
简单的自定义select 下拉框,兼容IE
IE浏览器下 的select 实在是各种…… 不好看……,可是项目要求至少兼容IE11 , 为了长得好看些,只能手动去编辑一个类似 select 的存在了, 测试过IE9 以上,有不对的欢迎指出 备忘,直接上代码: &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;me
JavaScript layui 下拉框不显示解决方法
初学layui时会遇到 layui的下拉框总是显示不出来代码没问题但是 页面就是不显示下拉框复制下面js代码layui.use('form', function(){ var form = layui.form(); form.render(); }); ...
select标签在手机端点不出下拉框,在pc端能正常点开
select标签在手机端点不出下拉框,在pc端能正常点开,是一个嵌入app的h5页面,写了select在pc端功能正常,但是在移动端点都点不开,这是怎么回事 代码如下 &amp;lt;li&amp;gt; &amp;lt;p&amp;gt; &amp;lt;label for=&quot;marketOperatorId&quot;&amp;gt;市管员id&amp;lt;/label&amp;gt; &amp;lt;select n...
遇到的下拉菜单兼容性问题~firefox和chrome
写代码遇到兼容性问题,chrome和firefox下的下拉菜单表现的不一样,前者刷出来会显示空白,然后下拉才会有选项,后者直接把第一个选项显示,这就来了一个问题,我要做的一个页面是要通过ngModelChange触发不同的页面显示,如果已经有值,而且是用户期望,用户不选择,就不会触发,换句话说,我就是希望一刷出来就是空白,用户下拉才出来选项~   邮件发出来了也没有人理我,项目太忙了吧~连测试都
select下拉框在IOS中背景变黑、出现阴影问题
select下拉框在ios自带浏览器中,会自带黑色背景及阴影,解决方法: 设置其样式的时候加上-webkit-appearance: none; 但此时select下拉框点开的小箭头也会消失,所以这种情况下可以设置background: url(……)  no-repeat  right ;background-size: xx ; 来自己添加下拉箭头,或用其他方式自己添加。...
解决select下拉箭头在IE中iframe下的兼容问题总结
先说说遇到的问题: 项目代码中用到了select下拉标签,要兼容Chrome、opera、IE等主流浏览器,其中IE要兼容到IE8版本,select的自带样式很不美观,所以样式选择了重写,下拉箭头引用设计的背景图片,代码类似如下: select { appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appeara...
element-ui Select选择器边框闪烁问题 及 :focus-within伪类
背景 在提分加项目中用到了element-ui的select组件,发现第一次进入页面点击选择器时会有一个边框闪烁,后审查元素时发现了:focus-within的伪类。 解决 .select-box span:focus-within { border: none; outline: none; } 其中,.select-box是我给select组件取的类名,添加完以上样式后,边...
easyui 下拉框选中时,选项框列表移动到左上角
//当下拉框展示出来供用户选择时, //若在onselect事件中针对当前datagrid进行loaddata重载数据时, //需先设置面板隐藏再重载数据; onSelect:function(newVal){ $('#service_standard_common').datagrid( 'getEditor', {index:editIndex, fie...
AngularJS系列之select下拉选择第一个选项为空白的解决办法
今天给大家介绍一下AngularJS系列之select下拉选择第一个选项为空白的解决办法。 相信大家也经常遇到这种情况吧:在使用AngularJS中的select组件开发的时候,莫名其妙的第一个选项就变成空白了,而且选中其中非空白的地方,第一个选项的空白位置又奇妙的消失了。 今天就举几个例子给大家介绍一下种种情况的处理办法,下面首先给出一个具体例子介绍一下: 想学习分布式、微服务、JVM、多线程...
关于bootstrap中select下拉框在页面退出时恢复默认值得问题
项目上的问题,记录下来,随时翻看   document.getElementById(&quot;addPagesStyle&quot;).options.selectedIndex = 0; $(&quot;#addPagesStyle&quot;).selectpicker('refresh');
select下拉框、input输入框在IOS中背景变黑、出现阴影
移动开发:苹果手机中,select下拉框、input输入框背景变黑、出现阴影现象的解决方案。
html select下拉框上显示空的实现方法
在之前的博文中, 我们讨论了可编辑的html下拉框的间接实现, 在本文中, 我们来看看如果将html的下拉框显示为空白。         先看代码: 1 2 3 4 test function test() { var x = document.getElementById("xxx"); x.
layui select下拉框选项不显示
刚开始接触layui框架 在开发过程中遇到了很多问题 现在整理一下 方便以后查阅 刚开始下拉框选项就是不显示 最后发现每次都忘记重新渲染下拉框 var form=layui.form; form.render(&quot;select&quot;);  ...
解决苹果微信浏览器下拉回弹效果
.content是需要滑动的部分var overscroll = function(el) { el.addEventListener('touchstart', function() { var top = el.scrollTop ,totalScroll = el.scrollHeight ,currentScroll =
AngularJS select首项空白问题解决方案
原因 ng-model绑定的是后台的默认项,与select中是不同的引用。意思也就是说,现在select中没有初始值,所以会有空白。 解决方案 肯定是给select的赋初始值。 方法一:用ng-init来初始化select    ng-model="sysType" ng-init="sysType=1" ng-options="x.id as x.type for x in sy
ie下拉框信息显示不出来
ie的页面渲染的太快,数据跟不上,解决办法是延时,等渲染好了再加载数据。 var d = new Ext.util.DelayedTask(function(){ txtEmpId.readOnly = true; formICCard.getForm().loadRecord(smICCard.getLastSelected()); var data = smICCard.
select打印样式——隐藏边框和下拉箭头
select打印样式——隐藏边框和下拉箭头 使用下面的样式可以防止下拉框在打印时出现边框和黑色的下拉箭头。 @media print { select { border: solid 1px #000; appearance: none; -moz-appearance: none; -webkit-appeara...
selectpicker下拉框在克隆后出现重复问题解决
用selectpicker插件做下拉框可以自带一个搜索栏及其方法,但是在克隆这个下拉框时,在控件的地方会多出来一个从上一个下拉框复制又封装而成的按钮,需要将其删除 在克隆行的时候添加如下三行即可 $('.selectpicker').data('selectpicker', null); $('.bootstrap-select').find(&amp;quot;button:first&amp;quot;).remove(); ...
html 简单select样式修改并兼容IE浏览器
//去掉ie下select下拉箭头按钮 select::-ms-expand { display: none; } .history-select{ width: 120px; height: 30px; display: none; outline: none; background-color: #002c53; border: no
select下拉选项,点击时,change事件事触发多次,请求多次。
select下拉选项,点击时,change事件事触发多次,请求多次。 第一次,第二次,以此类推,不断增加请求次数, 实现点击一次只触发一次只请求一次数据,点击时先解绑change事件 ...
在select中,载入时默认select为空白,选项内不显示空白项
今天做select的时候,页面要求为:载入默认选项框为空白,点击下拉框显示正常选项。 找了半天  有两种办法,一种纯css实现,一种借助js实现。先说js的办法吧。html:&amp;lt;body onload=&quot;load()&quot;&amp;gt; &amp;lt;select id=&quot;abc&quot; &amp;gt; &amp;lt;option &amp;gt;1&amp;lt;/option&amp;gt; ...
IE10中下拉框 title被遮挡以及部分option无法显示的问题
在IE10和IE11中,选中下拉框最下方的数据项,鼠标盘旋在下拉框各个选项上,发现选中焦点上方的选项无法提示title;在IE10中option的title容易被下拉框覆盖。当然这些显示问题在chrome中并不存在。 解决方法:1. 每次将选中条目置于下拉框第一个位置,这样其他所有条目都可以显示title;2. 由于在ie10中提示的title容易被下拉框覆盖,加zIndex属性设置option
select 选项为啥有空白行
找了半天发现&amp;lt;option&amp;gt;+value+&amp;lt;/option&amp;gt;中少了一个'/'
js:可输入可选择的select下拉框,可及时匹配包含输入的内容(兼容ie)
js:可输入可选择的select下拉框,可及时匹配内容(兼容ie)
jquery weui下拉事件与点击事件冲突
问题是这样的,用了jquery weui的下拉加载,加载列表数据,点击进入详情。在ios系统上出现下拉会误触发点击事件,android是没有问题的。解决方法:因为html引入了fastclick.js,解决移动端click事件300ms延迟问题,去掉改js的调用就ok了 ...
select下拉框内容显示不完整
遇到的情况: 显然下拉框没有显示完全 此时对应的jsp代码: …… 问题在style上,涉及到 CSS样式和HTML标签属性的问题,我没深究。 解决方案: width="100">…… 结果: 以上仅供自己练习写博客使用! 遗留小问题:样式和属性的作用区别?望有大神可以答疑解惑
jQuery Chosen 选择框下拉值无法重置的问题
此时可正常重置基于 jQuery Chosen 的内容 参考https://harvesthq.github.io/chosen/
iscoll兼容问题,解决页面整体滑动
document.addEventListener('touchmove', function(e) { e.preventDefault(); }, false); 这句是解决浏览器与iscoll的兼容问题,加上之后就不会出现滑动屏幕时,整个页面滚动的问题了...